Pagination

            
<!-- pagination -->
<nav aria-label="Page navigation">
  <ul class="inline-flex rounded-lg justify-start bg-primary-100 shadow-outset-fixed space-x-0">
    <li>
      <button class="active shadow-inset-hover block relative py-3 px-4 bg-primary-100 border border-primary-200 dark:bg-primary-900 dark:border-primary-950 -mr-0.5 rounded-l">1</button>
    </li>
    <li>
      <button class="shadow-inset-hover block relative py-3 px-4 bg-primary-100 border border-primary-200 dark:bg-primary-900 dark:border-primary-950 -mr-0.5">2</button>
    </li>
    <li>
      <button class="shadow-inset-hover block relative py-3 px-4 bg-primary-100 border border-primary-200 dark:bg-primary-900 dark:border-primary-950 -mr-0.5">3</button>
    </li>
    <li>
      <button class="shadow-inset-hover block relative py-3 px-4 bg-primary-100 border border-primary-200 dark:bg-primary-900 dark:border-primary-950 -mr-0.5">4</button>
    </li>
    <li>
      <button class="shadow-inset-hover block relative py-3 px-4 bg-primary-100 border border-primary-200 dark:bg-primary-900 dark:border-primary-950 -mr-0.5">5</button>
    </li>
    <li>
      <button class="block relative py-3 px-4 bg-primary-100 border border-primary-200 dark:bg-primary-900 dark:border-primary-950 shadow-inset-hover -mr-0.5 rounded-r">
        <span aria-hidden="true">»</span>
      </button>
    </li>
  </ul>
</nav>