.pagination-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;
}

.custom-pagination{
    display:flex;
    align-items:center;
    gap:10px;
    list-style:none;
    padding:0;
    margin:0;
}

.custom-pagination li{
    margin:0;
}

.custom-pagination a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    height:42px;
    padding:0 14px;
    border:1px solid #dee2e6;
    border-radius:10px;
    background:black;
    color:white;
    text-decoration:none;
    font-weight:600;
    transition:all .3s ease;
}

.custom-pagination a:hover{
    background:#ff2f7d;
    border-color:#ff2f7d;
    color:white;
}

.custom-pagination a.active{
    background:#ff2f7d;
    border-color:#ff2f7d;
    color:white;
}

.custom-pagination a i{
    font-size:14px;
}

/* Mobile */
@media (max-width:576px){
    .custom-pagination{
        gap:6px;
    }

    .custom-pagination a{
        min-width:38px;
        height:38px;
        padding:0 12px;
        font-size:14px;
    }
}