.pagination-container {
    display: flex;
    gap: 0.5rem;
    padding: 0;
  }
  li{
    list-style:none;
  }
  a{
    text-decoration:none;
  }
  
  .pagination-container > li,.pagination-container > a {
    background-color: #f3f4f6; /* Tailwind's bg-bgGray */
    padding: 2px 0.75rem; /* py-[2px] px-3 */
    color: #525252; /* text-neutral-600 */
    cursor: pointer;
    border-radius: 0.125rem; /* rounded-sm */
    border: 2px solid transparent;
    transition: background-color 0.2s ease;
  }
  
  .pagination-container > li:hover ,.pagination-container > a:hover {
    background-color: #e5e7eb; /* hover:bg-neutral-200 */
  }
  
  .pagination-container > li:active, .pagination-container > a:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* Tailwind's shadow */
    border-color: #e5e7eb; /* border-neutral-200 */
  }
  
  .list-pagination-active {
    background-color: #6d7df3 !important;
    color: white !important;
  }