ComponentsShipped

Pagination

Previous and next as two quiet cards at the end of a case study. The next one aligns right, the way you are reading.

Show code

<nav class="case-nav" aria-label="More case studies">
  <a href="#"><small>Previous</small><b>IRBS</b></a>
  <a class="next" href="#"><small>Next</small><b>Dentomate</b></a>
</nav>

The border darkens to --ink-3 on hover over --d-move; nothing lifts. Stacks to one column at 640. The docs you are reading use the same pattern at the foot of every page.