/****************************
 * Pagination
****************************/
.twc-pagination {
    --spacing:80px;
    --size:53px;
    --icon:17px;
    --twc-spacing-default:var(--twc-spacing-90);
}

/* Page arrow */
.page-arrow {
    width:var(--size); aspect-ratio:1; background:var(--twc-color-primary); border-radius:50%;
    font-size:var(--icon); color:var(--twc-color-on-primary);

}
.page-arrow i {line-height:1;}
.page-arrow:not(.disabled):hover, .page-arrow:not(.disabled):focus {background:var(--twc-color-dark-blue);}


/* Page number */
.page-numbers {margin:0 var(--spacing); font-size:var(--twc-size-20);}

/* text between */
.page-number-current, .page-number-total {color:var(--twc-color-primary)}
.page-separate {padding:0 24px; color:var(--twc-color-dark-blue);}

/* disabled */
.twc-pagination a.disabled {opacity:.5; pointer-events:none;}

/****************************
 * Pagination Responsive
****************************/
@media only screen and (max-width:1024px) {
    .twc-pagination {
        --spacing:40px;
        --size:50px;
    }
    .page-separate {padding:0 10px;}
}
@media only screen and (max-width:480px) {
    .twc-pagination {
        --spacing:30px;
        --size:45px;
    }
}