.pagination {
    padding: 0;
}

.pagination li {
    margin: 0 5px;
    display: inline-block;
}

.pagination li a, .pagination li span {
    padding: 0 15px;
    color: white;
    text-decoration: none;
    font-size: 22px;
    line-height: 1.25;
    font-family: "Roboto", Sans-serif, serif;
}

.pagination li.active span, .pagination li.active a, .pagination li a:hover {
    background-color: #E7122BB8;
    clip-path: polygon(85% 0%, 100% 15%, 100% 100%, 15% 100%, 0% 90%, 0% 0%);
}


.pagination li.disabled span {
    color: grey;
}


@media (max-width: 1024px) {

    .pagination li {
        margin: 0 3px;
    }

    .pagination li a, .pagination li span {
        padding: 0 12px;
        font-size: 16px;
    }


}


@media (max-width: 767px) {

    .pagination li a, .pagination li span {
        padding: 0 10px;
        font-size: 14px;
        line-height: 24px;
    }
}