.twz-pagination {
    --pagination-gap: 1.2rem;
    --pagination-link-color: var(--grey-50, #e5e2e1);
    --pagination-link-active: var(--green-500, #5aad5a);

    margin-block-start: 6rem;

    .twz-pagination__list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: var(--pagination-gap);
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .twz-pagination__link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-inline-size: 3.2rem;
        min-block-size: 3.2rem;
        padding-inline: 1rem;
        font-family: var(--font-special);
        font-size: var(--fs-16, 1.6rem);
        font-weight: 400;
        line-height: 1;
        text-transform: uppercase;
        text-decoration: none;
        color: var(--pagination-link-color);
        border-block-end: 0.1rem solid transparent;
        transition: color 0.2s ease, border-color 0.2s ease;

        &:is(:hover, :focus-visible) {
            color: var(--pagination-link-active);
            border-color: var(--pagination-link-active);
        }
    }

    .twz-pagination__link--current {
        color: var(--pagination-link-active);
        border-color: var(--pagination-link-active);
    }

    .twz-pagination__link--disabled {
        opacity: 0.4;
        pointer-events: none;
    }
}