Remove ‘page-numbers’ class from prev and next tags

You don’t have to change the markup to style the previous/next links differently:


.page-number {
    /* rules that apply to page numbers */
}

.prev.page-number {
    /* previous page link */
}
.next.page-number {
    /* rules that only apply to the next */
}

Removing the class on the links is not needed, it can be done using basic CSS specificity rules

Here is a codepen that demonstrates styling the numbers and the prev/next links differently: https://codepen.io/tomjn/pen/XWWKbbL