Pagination Borderless

                    <div class="flex justify-center my-8">
  <div class="flex space-x-1">
    <button class="px-3 py-2 rounded text-gray-600 hover:bg-gray-100">
      <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
      </svg>
    </button>
    <button class="px-4 py-2 rounded text-gray-600 hover:bg-gray-100">1</button>
    <button class="px-4 py-2 rounded bg-blue-600 text-white">2</button>
    <button class="px-4 py-2 rounded text-gray-600 hover:bg-gray-100">3</button>
    <button class="px-4 py-2 rounded text-gray-600 hover:bg-gray-100">4</button>
    <button class="px-3 py-2 rounded text-gray-600 hover:bg-gray-100">
      <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
      </svg>
    </button>
  </div>
</div>