.pagination-section {
    display: flex;
    justify-content: center;
}

.pagination {

    /*width: 40px;*/
    margin: 8px;
    padding: 10px 15px;
    border-radius: 4px;
    border: solid 2px rgba(201, 243, 29, .9);
    text-decoration: none;
    text-align: center;
    color: #fff;
    background-color: rgba(201, 243, 29, .2);
    transition: all .1s;
    font-size: 20px;

}

.pagination-active {
    background-color: rgba(201, 243, 29, .8);
    font-weight: bolder;
}

.pagination:hover {
    border: solid 2px #fff;
    background-color: rgba(201, 243, 29, .4);
    box-shadow: 0 0 10px #fff;
}

@media (min-width: 1px) and (max-width: 767px) {
    .mobile-pagination{
        padding-left: 0;
        /*padding-right: 0;*/
        margin-right: 0;
    }

    .pagination {
        width: 40px!important;
        height: 40px!important;
        text-align: center!important;
        /*padding: 10px;*/
    }

}