/* PAGINATION */
.pagination {
    gap: 4px;
}

.pagebutton {
    display: flex;
    width: 32px;
    height: 32px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: var(-radius-xs);
    background-color: white;
    color: var(--main-greyblue-shades-60);
}
.pagebutton:hover {
    border: 1px solid var(--main-blue-shades-90);
    background: var(--main-blue-shades-97);
}
.pagebutton.active {
    border: 1px solid var(--main-greyblue-shades-85);
    background: var(--main-white);
    color: var(--main-black);
}
.pagebutton.disabled,
.pagebutton.disabled:hover {
    background: var(--main-white);
    color: var(--main-greyblue-shades-60);
    cursor: default;
    border: none;
}

@media screen and (max-width: 575px) {
    .pagination {
        justify-content: center !important;
    }
    .pages_results {
        text-align: center;
    }
}