/* Component: pagination */

.sm-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    margin: 0 2px;
    padding: 0 8px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    color: var(--sm-text);
    border: 1px solid var(--sm-line);
    background: var(--sm-surface, #fff);
}

.sm-pagination .page-numbers.current {
    background: var(--sm-accent-soft);
    border-color: var(--sm-accent);
    color: var(--sm-accent-dark);
}

.sm-pagination .page-numbers:hover:not(.current) {
    background: var(--sm-soft);
}