.pager {
  margin-top: 2.5rem;
  display: flex;
  justify-content: center;
}
.pager__items {
  display: flex;
  justify-content: center;
  margin: 0;
  gap: .5rem;
  padding: 0;
}
.pager__item {
  padding: 0;
  width: 100%;
  max-width: 28px;
}
.pager__item a {
  font-weight: 700;
  width: 28px;
  display: flex;
  height: 28px;
  align-items: end;
  justify-content: center;
}
.pager__item:hover:not(.pager__item--ellipsis, .pager__item--previous, .pager__item--next) a {
  background-color: var(--color-primary--7);
  color: var(--color-neutral--1);
  border-radius: 50%;
}
.pager__item.is-active a {
  background-color: var(--color-primary--7);
  color: var(--color-neutral--1);
  border-radius: 50%;
}
.pager__item--ellipsis {
  cursor: default;
}
.pager__item--previous {
  background-image: url('../../images/pager-arrow-prev.svg');
  width: 28px;
  height: 28px;
}
.pager__item--next {
  background-image: url('../../images/pager-arrow-next.svg');
  width: 28px;
  height: 28px;
}
.pager__item--previous:hover {
  background-image: url('../../images/pager-arrow-prev-hover.svg');
}
.pager__item--next:hover {
  background-image: url('../../images/pager-arrow-next-hover.svg');
}
.pager__item--hidden {
  display: none;
}