Pager

Server-driven pagination with no JavaScript: the prev / next buttons are plain links to the next page's URL (?page=N), and the label shows position. The split-pill variant joins the count and arrows into one control. Each arrow is an <a>, so it works with keyboard, middle-click, and the browser's history.

Split-pill

7 / 12 ← → 
<div class="casca-pager" data-variant="split-pill">
  <span class="casca-pager-label">7 / 12</span>
  <a class="casca-pager-btn casca-pager-btn-prev" href="?page=6" aria-label="Previous page">←</a>
  <a class="casca-pager-btn casca-pager-btn-next" href="?page=8" aria-label="Next page">→</a>
</div>