.pager-wrapper { display: flex; justify-content: space-between; font-size: 0.9rem; color: var(--text-color); }
.pager-wrapper a { width: fit-content; color: var(--text-color); text-transform: lowercase; font-size: 1rem; transition: .3s ease-in-out; display: inline-block; }
.pager-wrapper a:first-letter { text-transform: uppercase; }
.pager-wrapper > .pager-prev-next > div:first-child { margin-bottom: 5px; }
.pager-wrapper > .pager-parent > a:after { content: "^"; display: inline-block; padding-left: 4px; }
.pager-wrapper > .pager-prev-next > .pager-prev span,
.pager-wrapper > .pager-prev-next > .pager-next span { text-transform: capitalize; }

@media (pointer:fine) {
    .pager-wrapper a:hover { color: var(--secondary-color); }
}

@media (max-width:767px) {
    .pager-wrapper { display: block; }
    .pager-wrapper > .pager-prev-next { margin-bottom: 15px; }
}