.blog-page {
    margin-bottom: 48px;
    padding-top: 32px;
}

.blog-page .archive-pagination {
    display: flex;
    justify-content: center;
    padding-top: 16px;
}

.blog-page .archive-pagination .page-numbers {
    align-items: center;
    border: 1px solid var(--color--dark-blue-transparent-10);
    box-sizing: border-box;
    display: inherit;
    justify-content: inherit;
    min-width: 40px;
    padding: 11px 10px 8px;
}

.blog-page .archive-pagination .page-numbers.prev,
.blog-page .archive-pagination .page-numbers.next {
    padding: 5px 3px 3px;
}

.blog-page .archive-pagination .page-numbers.dots {
    display: none;
}

.blog-page .archive-pagination .page-numbers.current {
    background-color: var(--color--dark-blue);
    border-color: var(--color--dark-blue);
    color: var(--color--white);
    font-weight: 700;
}

.blog-page .archive-pagination .page-numbers:not(:last-child) {
    margin-right: 16px;
}