.pagy-nav {
  display: flex;
  gap: 0.5rem;
  align-items: center;

  a {
    display: inline-flex;
    padding: 0.5rem 0.75rem;
    color: #e5e7eb; /* text-gray-200 */
    text-decoration: none;
    border-radius: 0.375rem;
    transition: all 0.2s;
    font-size: 0.875rem;

    &.current {
      background-color: #4338ca; /* bg-indigo-700 */
      color: #c7d2fe; /* text-indigo-200 */
    }
  }

  a:hover,
  a:hover,
  a:hover {
    background-color: #4b5563; /* bg-gray-700 */
  }
}