.pagination {
display: flex;
justify-content: center;
padding: calc(var(--spacer) * 2);
}
@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.next, .pagination .nav-links .page-numbers:hover.prev {
background: transparent;
}
.pagination .nav-links .page-numbers.current {
background: transparent;
color: var(--red);
font-weight: bold;
}
.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));
}