.wp-pagenavi {
    border-top: 1px dashed var(--gray-500);
}
.wp-pagenavi span {
    padding: 0;
    font-size: var(--text-s) !important;
    color: var(--gray-500);
    transition: all .5s;
}
.wp-pagenavi span.current {
    font-size: var(--text-s) !important;  
}
.wp-pagenavi a {
    padding: var(--spacing-s) !important;
    font-size: var(--text-m) !important;
    color: var(--gray-500);
    transition: all .5s;
}
 /*styles the wp-pagenavi current page number*/
.wp-pagenavi span.current {
    color: var(--acc-500) !important;
    font-weight: 700 !important;
}
 /*styles the wp-pagenavi pagination links on hover*/
.wp-pagenavi a:hover, .wp-pagenavi .previouspostslink a, .nextpostslink a {
    color: var(--acc-500) !important;
    font-weight: 700 !important;
}