.page-item.active .page-link {
    z-index: 1;
    color: #000000;
    background-color: #e6bfae;
    border-color: #e6bfae;
}

.page-link {
    color: #000000;
}

.page-link:hover {
    color: #000000;
    background-color: #fbf0ea;
    border-color: #fbf0ea;
}

@media (max-width: 480px) {
    /* Hide all numbered items */
    /* .pagination .page-item:not(.active):not(:first-child):not(:last-child) {
        display: none !important;
    } */

    /* Keep the "First" and "Last" page only if you really want them, 
       otherwise hide everything except Active and Arrows: */
    /* .pagination .page-item.disabled {
        display: none !important;
    } */

    /* Make the Active button stand out */
    .pagination .page-item.active .page-link {
        border-radius: 5px;
    }
}