.pagination{justify-content: center;margin: 30px 0px 18px;overflow: hidden;}
.pagination .cta-box-dark{width:54px;height:54px;}
.pagination ul li.pagination-item span,.pagination ul li.pagination-item a{line-height: 2.0rem;display: inline-block; font-size: 1.6rem;font-family: var(--font-xbold);padding: 8px 11px;position: relative;margin: 0px 3px;}
.pagination ul li.next a,.pagination ul li.prev a{color: var(--white-color);}
.pagination ul li.next > span {width: 54px;height: 54px;background-color: var(--purple);display: flex;align-items: center;justify-content: center;border: 2px Solid var(--purple);transition: 0.3s;color: var(--white-color);font-size: 1.3rem;opacity: 0.6;pointer-events: none;}
.pagination ul li.prev.cta-box-dark, .pagination ul li.next.cta-box-dark {    opacity: 0.6;    pointer-events: none;}
.pagination ul li.next:hover a,.pagination ul li.prev:hover a{color:var(--purple)}
.pagination ul li.prev{margin-right: 55px;}
.pagination ul li.prev span{transform: rotate(180deg);}
.pagination ul li.next{margin-left: 55px;}
.pagination ul li.pagination-item:hover span::before,
.pagination ul li.pagination-item:hover a::before,
.pagination ul li.pagination-item.pageloaded span::before{position: absolute;content: '';bottom: 0px;width: 100%;height:3px;left:0px;background-color: var(--purple);}

@media all and (max-width: 767.98px){
.pagination ul li.prev {
    margin-right: 15px;
}
.pagination ul li.next {
    margin-left: 15px;
}
.pagination ul li.pagination-item span, .pagination ul li.pagination-item a {    padding: 8px 8px;}
}