.page-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.7rem
}
.page-pagination__btn {
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0
}
.page-pagination__btn_disabled {
  opacity: .5;
  pointer-events: none
}
.page-pagination__btn svg {
  width: 2.4rem;
  height: auto
}
.page-pagination__list {
  display: flex;
  align-items: center;
  margin: 0 1rem
}
.page-pagination__item {
  width: 4.9rem;
  height: 4.9rem;
  border-radius: .7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  transition: background-color .25s;
  font-size: 1.8rem
}
.page-pagination__item_empty {
  pointer-events: none
}
.page-pagination__item:hover,
.page-pagination__item_active {
  background-color: #f1f8fd
}
@media (max-width:48em) {
  .page-pagination {
    margin-top: 3rem
  }
  .page-pagination__btn {
    width: 9.8rem;
    height: 9.8rem
  }
  .page-pagination__btn svg {
    width: 4.8rem
  }
  .page-pagination__list {
    margin: 0 .6rem
  }
  .page-pagination__item {
    width: 9.8rem;
    height: 9.8rem;
    border-radius: 1.4rem;
    font-size: 3.6rem
  }
}