Paginations

<nav class="relative z-0 inline-flex shadow-sm">
  <div>
    <a class="pagination-link pagination-icon text-primary-600 hover:border hover:border-primary-600 hover:bg-primary-600 hover:text-white" href="#" aria-label="Previous">
      <span class="material-icons">keyboard_arrow_left</span>
    </a>
  </div>
  <div>
    <a class="pagination-link active text-primary-600 hover:border hover:border-primary-600 hover:bg-primary-600 hover:text-white" href="#">
      1 
    </a>
    <a class="pagination-link text-primary-600 hover:border hover:border-primary-600 hover:bg-primary-600 hover:text-white" href="#">
      2
    </a>
    <a class="pagination-link text-primary-600 hover:border hover:border-primary-600 hover:bg-primary-600 hover:text-white" href="#">
      3
    </a>
  </div>
  <div>
    <a class="pagination-link pagination-icon text-primary-600 hover:border hover:border-primary-600 hover:bg-primary-600 hover:text-white" href="#" aria-label="Next">
      <span class="material-icons">keyboard_arrow_right</span>
    </a>
  </div>
</nav>

<nav class="relative z-0 inline-flex pagination-pill">
    <div>
      <a class="pagination-link pagination-icon-left-pill text-primary-600 hover:border hover:border-primary-600 hover:bg-primary-600 hover:text-white" href="#" aria-label="Previous">
        <span class="material-icons">keyboard_arrow_left</span>
      </a>
    </div>
    <div>
      <a class="pagination-link active text-primary-600 hover:border hover:border-primary-600 hover:bg-primary-600 hover:text-white" href="#">
        1
      </a>
      <a class="pagination-link text-primary-600 hover:border hover:border-primary-600 hover:bg-primary-600 hover:text-white" href="#">
        2
      </a>
      <a class="pagination-link text-primary-600 hover:border hover:border-primary-600 hover:bg-primary-600 hover:text-white" href="#">
        3
      </a>
    </div>
    <div>
      <a class="pagination-link pagination-icon-right-pill text-primary-600 hover:border hover:border-primary-600 hover:bg-primary-600 hover:text-white" href="#" aria-label="Next">
        <span class="material-icons">keyboard_arrow_right</span>
      </a>
    </div>
</nav>