.wraper-paging {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
}

.wraper-paging .pages {
    margin: auto;
    float: left;
}

.wraper-paging .pages a, .wraper-paging .pages span {
    width: 30px !important;
    height: 30px !important;
    float: left;
    border: 2px solid black;
    border-radius: 50% !important;
    margin: 5px;
    text-align: center;
    position: relative !important;
    line-height: 27px;
    font-weight: 600;
}

.wraper-paging .pages span.current {
    background: black;
    color: white;
}

.wraper-paging .pages .last:before, .wraper-paging .pages .first:before, .wraper-paging .pages .first-disabled:before, .wraper-paging .pages .last-disabled:before {position: absolute;width: 26px;height: 26px;top: 0;left: 0;background: white;border-radius: 50%;font: normal normal normal 14px/1 FontAwesome;font-size: 24px;font-weight: 600;}

.wraper-paging .pages .last:before, .wraper-paging .pages .last-disabled:before {
    content: "\f105";
}

.wraper-paging .pages .first:before, .wraper-paging .pages .first-disabled:before {content: "\f104";}

.wraper-paging .pages .first-disabled, .wraper-paging .pages .last-disabled {
    color: #ccc;
    border-color: #ccc;
    cursor: no-drop;
}

.wraper-paging .pages a:hover {
    background: black;
    color: white;
}