.pagination {
    --color: var(--primary);
    --backgroundColor: transparent;
    --borderColor: transparent;
    --selectedColor: var(--text);
    --selectedBackgroundColor: transparent;
    --selectedBorderColor: transparent;
    --button-width: 1.25rem;
    --button-height: 1.25rem;

    padding-block: .75rem 0;
}

.algolia-page {
    display: flex;
    align-items: center;
}

.algolia-page a,
.algolia-page .no-hover {
    padding: .75rem .5rem;
}

.algolia-page .no-hover {
    padding-inline-start: 0;
}

.algolia-page:has(.pagination-prev-next) path {
    opacity: 1;
    stroke-width: 2;
}

.algolia-page svg {
    max-height: 1rem;
}

.algolia-page.current-page a,
.algolia-page.current-page:not(:has( > .no-hover)):hover a {
    font-weight: 700;
}

.algolia-page:has(.pagination-page):has( + .algolia-page .pagination-page:not(.no-hover)):after {
    content: '|';
}