@import '~styles/config';

.pagination {
  @include grid-col;

  display: flex;
  justify-content: center;
  align-items: center;

  height: 140px;

  font-size: 15px;
  font-weight: 300;

  &__pages {
    display: flex;
  }

  &__page {
    display: flex;
    justify-content: center;
    padding: 0 5px;

    height: 40px;

    &.selected {
      font-weight: 700;
    }

    &:hover,
    &:focus {
      font-weight: 700;
      transition: font-weight 300ms ease-in-out;
    }
  }

  &__button {
    @include reset-button;
    @include colorify;

    height: 40px;

    cursor: pointer;
  }
}