.wp-pagenavi {
    clear: both;
    text-align: center;
}

    .wp-pagenavi a, .wp-pagenavi span {
        text-decoration: none;
        border: 0px solid #CCCCCC;
        border-right: 0px;
        padding: 6px 12px;
        color: #333333;
        font-size: 14px;
        margin-left: -5px;
    }

        .wp-pagenavi span.no-headline {
            border: none;
        }

        .wp-pagenavi a:hover, .wp-pagenavi span.current {
            color: #333333;
            background-color: #CCCCCC;
        }

.page:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.page:last-child {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-right: 0px solid #CCCCCC;
}

.wp-pagenavi span.current {
    font-weight: normal;
    font-size: 14px;
    background-color: #CCCCCC !important;
    color: #333333 !important;
    margin-left: -1px;
}

.wl_pages {
    white-space: nowrap;
    font-weight: 300;
    font-style: normal;
    font-size: 1rem;
}