.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: #bfb7b8;
    border-color: #c50022;
}


.page-link {
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: #fff;
    text-decoration: none;
    background-color: #c50022;
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


 
.page-link:hover {
    z-index: 2;
    color: #c50022;
    background-color: var(--bs-pagination-hover-bg);
    border-color: #c50022;
}