.pagy.nav {
    display: flex;
    gap: var(--size-2);
    margin-block: var(--size-4);
    align-items: center;
    justify-content: center;
}

.pagy.nav a {
    min-width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--size-2) var(--size-3);
    border-radius: var(--radius-x-small);
    text-decoration: none;
    color: var(--primary);
    background: inherit;
    transition: all 0.2s var(--ease-standard);
    position: relative;
}

.pagy.nav a:not([aria-disabled="true"]) {
    cursor: pointer;
}

.pagy.nav a:hover:not([aria-disabled="true"]) {
    background: color-mix(in srgb, var(--primary) 8%, transparent);
}

.pagy.nav a:active:not([aria-disabled="true"]) {
    background: color-mix(in srgb, var(--primary) 12%, transparent);
    transform: scale(0.95);
}

.pagy.nav a.current {
    background: var(--primary-container) !important;
    color: var(--on-primary-container) !important;
    opacity: 1 !important;
}

.pagy.nav a[aria-disabled="true"] {
    color: var(--on-surface-variant);
    background: var(--layer-surface);
    opacity: 0.38;
    pointer-events: none;
}