@import "@/styles/variables";
@import "@/styles/mixins";
.container {
  padding: 2.5rem 0 6.25rem 0;
  margin-top: 2.5rem;

  .mobileFilterContainer {
    display: none;
  }
  .listContainer {
    .paginationContainer {
      .moreButton {
        text-align: center;
        padding-top: 3.75rem;
        span {
          @include h5;
          color: $blue;
        }
        i {
          transform: rotate(90deg);
          font-size: $font-h3;
        }
      }
    }
  }
  @media screen and (max-width: $mobile) {
    .filterContainer {
      display: none;
    }
    .mobileFilterContainer {
      display: block;
      position: relative;
      margin-bottom: 1.5rem;
    }
  }
}