.pagination {
  display: flex;
  justify-content: center;
  padding: calc(var(--spacer) * 2);
  gap: calc(var(--spacer) * 1);
}
@media print {
  .pagination {
    display: none;
  }
}
.pagination .nav-links {
  display: flex;
}
.pagination .nav-links .page-numbers {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: calc(var(--spacer) / 4);
  border-radius: 100%;
}
.pagination .nav-links .page-numbers:hover {
  background: var(--red);
  color: var(--white);
}
.pagination .nav-links .page-numbers:hover.current {
  background: transparent;
  color: var(--black);
}
.pagination .nav-links .page-numbers:hover.next, .pagination .nav-links .page-numbers:hover.prev {
  background: transparent;
}
.pagination .nav-links .page-numbers.next svg, .pagination .nav-links .page-numbers.prev svg {
  fill: var(--red);
  width: 24px;
}
.pagination .nav-links > * + * {
  margin-left: calc(var(--spacer));
}