.ak-pagination,
.properties-pagination,
.directory-pagination,
.dash-pagination,
.dashboard-client-pagination,
.media-library-pagination,
.property-stats-pagination,
.pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.ak-pagination:empty,
.properties-pagination:empty,
.directory-pagination:empty,
.dash-pagination:empty,
.dashboard-client-pagination:empty,
.media-library-pagination:empty,
.property-stats-pagination:empty,
.pagination:empty {
    display: none;
}

.ak-pagination span,
.properties-pagination span,
.directory-pagination span,
.dash-pagination span,
.dashboard-client-pagination span,
.media-library-pagination span,
.property-stats-pagination span,
.pagination span {
    display: none;
}

.ak-pagination button,
.properties-pagination button,
.directory-pagination button,
.dash-pagination button,
.dashboard-client-pagination button,
.media-library-pagination button,
.property-stats-pagination button,
.pagination a,
.pagination button {
    display: inline-grid;
    width: 35px;
    min-width: 35px;
    height: 35px;
    min-height: 35px;
    padding: 0 12px;
    border: 1px solid var(--color-ink-a-08);
    border-radius: var(--radius-md);
    background: var(--color-white);
    box-shadow: 0 8px 22px rgba(26, 29, 41, 0.04);
    color: var(--color-muted-blue);
    font-family: var(--font-inter-medium);
    font-size: var(--fs-sm);
    line-height: 1;
    text-decoration: none;
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    cursor: pointer;
    place-items: center;
    justify-items: center;
    justify-content: center;
}

.ak-pagination button.is-active,
.properties-pagination button.is-active,
.directory-pagination button.is-active,
.dash-pagination button.is-active,
.dashboard-client-pagination button.is-active,
.media-library-pagination button.is-active,
.property-stats-pagination button.is-active,
.pagination .is-active {
    border-color: var(--color-primary);
    background: var(--color-primary);
    box-shadow: 0 10px 26px rgba(53, 92, 255, 0.20);
    color: var(--color-white);
}

.ak-pagination button:not(.is-active):hover,
.properties-pagination button:not(.is-active):hover,
.directory-pagination button:not(.is-active):hover,
.dash-pagination button:not(.is-active):hover,
.dashboard-client-pagination button:not(.is-active):hover,
.media-library-pagination button:not(.is-active):hover,
.property-stats-pagination button:not(.is-active):hover,
.pagination a:not(.is-active):hover,
.pagination button:not(.is-active):hover {
    border-color: var(--color-primary-a-32);
    background: var(--color-white);
    box-shadow: 0 12px 28px rgba(26, 29, 41, 0.08);
    color: var(--color-primary);
    transform: translateY(-1px);
}

.ak-pagination button:disabled,
.properties-pagination button:disabled,
.directory-pagination button:disabled,
.dash-pagination button:disabled,
.dashboard-client-pagination button:disabled,
.media-library-pagination button:disabled,
.property-stats-pagination button:disabled,
.pagination button:disabled {
    display: none;
}

@media (max-width: 640px) {
    .ak-pagination,
    .properties-pagination,
    .directory-pagination,
    .dash-pagination,
    .dashboard-client-pagination,
    .media-library-pagination,
    .property-stats-pagination,
    .pagination {
        gap: 10px;
    }

    .ak-pagination button,
    .properties-pagination button,
    .directory-pagination button,
    .dash-pagination button,
    .dashboard-client-pagination button,
    .media-library-pagination button,
    .property-stats-pagination button,
    .pagination a,
    .pagination button {
        width: 30px;
        min-width: 30px;
        height: 30px;
        min-height: 30px;
        font-size: var(--fs-xxs);
        padding: 0;
        text-align: center;
    }
}