nav.pagination {
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
    justify-content: center;
    align-items: center;
    margin: 2rem 0;
    font-size: 0.875rem;
    font-weight: 700;
}
nav.pagination .nav-links {
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
    justify-content: center;
    align-items: center;
}

nav.pagination .page-numbers {
    color: #000;
    background-color: #F1ECDF;
    border-radius: 100%;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 1.5rem;
    margin: 0;
}
nav.pagination .page-numbers.current {
    background-color: #F5DB97;
}
nav.pagination .page-numbers.dots,
nav.pagination .page-numbers.prev,
nav.pagination .page-numbers.next {
    background-color: transparent;
}

nav.pagination .page-numbers.prev svg {
    rotate: 180deg;
}