.rounded-pagination .page-item {
    margin: 0 5px; /* Adjust the value as needed */
}

    .rounded-pagination .page-item .page-link {
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #f00e4b;
    }

        .rounded-pagination .page-item .page-link:hover {
            background-color: #f00e4b;
            color: white !important;
        }

    .rounded-pagination .page-item.active .page-link {
        background-color: #f00e4b;
        border-color: #f00e4b;
        color: white !important;
    }

    .rounded-pagination .page-item.disabled .page-link {
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

/* Default (non-selected) state: black text */
.custom-pagination-text {
    color: black !important;
}

    /* Hover effect: black text */
    .custom-pagination-text:hover {
        color: black !important;
    }

/* Active state: white text with background */
.page-item.active .custom-pagination-text {
    color: white !important;
    background-color: #f00e4b !important;
    border-color: #f00e4b !important;
}