.archive-main .archive-pagination {
    display: flex;
    align-items: center;
    min-height: 116px;
    margin: 0;
    border-bottom: 1px solid var(--rb-rule);
}

.archive-main .archive-pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.archive-main .archive-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    min-height: 48px;
    padding: 0 14px;
    color: var(--rb-ink);
    background: #fff;
    border: 1px solid var(--rb-rule);
    border-radius: 0;
    font-family: var(--rb-nav);
    font-size: 15px;
    font-weight: 750;
    line-height: 1;
    text-decoration: none;
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.archive-main .archive-pagination .prev,
.archive-main .archive-pagination .next {
    min-width: 116px;
    padding-inline: 22px;
}

.archive-main .archive-pagination .current,
.archive-main .archive-pagination a.page-numbers:hover,
.archive-main .archive-pagination a.page-numbers:focus-visible {
    color: #fff;
    background: var(--rb-ink);
    border-color: var(--rb-ink);
}

.archive-main .archive-pagination .dots {
    min-width: 30px;
    padding-inline: 4px;
    color: var(--rb-muted);
    background: transparent;
    border-color: transparent;
}

@media (max-width: 620px) {
    .archive-main .archive-pagination {
        min-height: 96px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .archive-main .archive-pagination::-webkit-scrollbar {
        display: none;
    }

    .archive-main .archive-pagination .nav-links {
        flex-wrap: nowrap;
        width: max-content;
        gap: 8px;
    }

    .archive-main .archive-pagination .page-numbers {
        min-width: 42px;
        min-height: 42px;
        padding-inline: 11px;
        font-size: 14px;
    }

    .archive-main .archive-pagination .prev,
    .archive-main .archive-pagination .next {
        min-width: 96px;
        padding-inline: 17px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .archive-main .archive-pagination .page-numbers {
        transition: none;
    }
}