.asptt-pagination{
    margin-top: 42px;
    margin-bottom: 72px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 10px;
}

.asptt-block-pagination{
    display: flex;
}

.asptt-block-pagination a,
.asptt-block-pagination span{
    color: #000000;
    text-decoration: none;
}

.asptt-block-pagination span.current{
    background-color: #e5e5e5;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
}

.asptt-block-pagination a,
.asptt-block-pagination span{
    -webkit-transition: color .4s, opacity .4s;
    -moz-transition: color .4s, opacity .4s;
    -ms-transition: color .4s, opacity .4s;
    -o-transition: color .4s, opacity .4s;
    transition: color .4s, opacity .4s;
}

.asptt-block-pagination a:hover, 
.asptt-block-pagination span:hover{
    color:var(--e-global-color-primary);
}

.asptt-block-pagination a.prev.page-numbers svg,
.asptt-block-pagination a.next.page-numbers svg{
    color:var(--e-global-color-primary); 
}

.asptt-block-pagination a.prev.page-numbers:hover, 
.asptt-block-pagination a.next.page-numbers:hover {
    opacity: .75;
}

@media screen and (max-width: 768px) {
    .asptt-pagination {
        margin-top: 10px;
        margin-bottom: 40px;
    }
}