.pagination{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding:25px 0;
    margin-top: 100px;

    .pagerButton {
        padding: 0 12px;
        display: flex;
        align-items: center;
        font-family: 'GilroyRegular';
        font-size:14.78px;
        color:#bbbbbb;
        .customIcon{
            color:#bbbbbb;
            padding: 0 8px;
            font-size:29px;
        }
        span{
            display: block;
            font-size: 1.1rem;
        }
    }
    .pager-nextButton{
        padding-right: 0;
        .customIcon{
            padding-right: 0;
        }
    }
    .pager-prevButton{
        .customIcon{
            &:before{
                transform:rotate(-180deg);
                display: block;
            }
        }
    }
    .paginationNumberList{
        display: flex;
        align-items: center;
        border:2px solid rgba(175, 175, 175, 0.28);
        border-top:none;
        border-bottom:none;
        padding: 0 9px ;
        a{
            font-family: 'GilroyBlack';
            color:#bbbbbb;
            transition: all .3s ease-in-out;
            font-size:14.01px;
            transition:all .3s linear;
            width: 21.6px;
            height: 21.6px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 3px;
            background-color:rgba(0,0,0,0);
            &.active,
            &:hover{
                background-color:customColor(secondary);
                color:#ffffff;
            }
        }
    }
}
@media screen and(max-width:768px) {
    .pagination{
        justify-content: center;
    }
}
@media screen and(max-width:480px) {
    .pagination{
        .pagerButton {
            span{
                display: none;
            }
        }
    }
}