.counterContent {
  margin-bottom: 2rem;
}

.counter {
  @include min(tablet) {
    display: flex;
  }

  li {
    @include flex-align(center, center);
    flex-direction: column;
    width: 40rem;
    height: 20rem;
    background: white;
    position: relative;
    border-radius: 0.6rem;

    &:hover,
    &:focus {
      box-shadow: 0 0.8rem 1.6rem 0 rgba(0, 0, 0, 0.3);
    }

    &:first-of-type {
      margin-right: 2rem;
    }

    &:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 0.6rem;
      border-radius: 0 0 0.6rem 0.6rem;
      background: linear-gradient(to left, #1a535c 0%, #4ecdc4 100%);
    }
  }
}
