.pagination {
    padding-top: var(--edatos-spacing-y-l);
    font-size: var(--edatos-font-size-s);
}

.pagination ul {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0px;
}

.pagination li a {
    display: block;
    padding: var(--edatos-spacing-y-sm) var(--edatos-spacing-x-m);
    text-decoration: none;
    border: 1px solid var(--edatos-color-gray-40);
    color: var(--edatos-color-gray-40);
    margin: 0 var(--edatos-spacing-x-xs);
    border-radius: var( --border-radius-sm);
}

.pagination li:not(.active) a:hover {
    background-color: var(--edatos-color-primary-5);
    border: 1px solid var(--edatos-color-primary-100);
    color: var(--edatos-color-primary-100);
}

.pagination li.active a {
    border: 1px solid var(--edatos-color-primary-100);
    color: var(--edatos-color-primary-100);
    font-weight: var(--edatos-font-weight-bold);
    pointer-events: none;
    cursor: not-allowed;

}

.pagination li.disabled a {
    display: none;
    border: 1px solid var(--edatos-color-gray-20);
    color: var(--edatos-color-gray-20);
    cursor: not-allowed;
    pointer-events: none;
}