.esther-pagination {
    display: flex;
    justify-content: center;
    padding-block: var(--s-7);
}

.esther-pagination__list {
    display: inline-flex;
    align-items: center;
    gap: var(--s-2);
    margin: 0;
}

.esther-pagination__item .page-numbers {
    display: inline-grid;
    place-items: center;
    min-width: 36px;
    height: 36px;
    padding-inline: var(--s-3);
    font-size: var(--fs-small);
    color: var(--color-text-muted);
    text-decoration: none;
    transition: color var(--t-base), background var(--t-base);
}

.esther-pagination__item .page-numbers:hover {
    color: var(--color-text);
}

.esther-pagination__item .page-numbers.current {
    color: var(--color-accent-ink);
    background: var(--color-text);
}

.esther-pagination__item .page-numbers.dots {
    cursor: default;
    color: var(--color-text-soft);
}