.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[hidden],
.properties-pagination[hidden],
.directory-pagination[hidden]{
    display: none !important;
}

.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 rgba(26, 29, 41, 0.08);
    border-radius: var(--radius-md);
    background: var(--color-white);
    box-shadow: 0 8px 22px rgba(26, 29, 41, 0.04);
    color: #66749a;
    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: rgba(53, 92, 255, 0.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;
    }
}