.pagy {
  @apply flex space-x-1 text-sm font-semibold text-gray-500;

  a:not(.gap) {
    @apply block rounded-lg bg-gray-200 px-3 py-1;

    &:hover {
      @apply bg-gray-300;
    }

    &:not([href]) {
      /* disabled links */
      @apply cursor-default bg-gray-100 text-gray-300;
    }

    &.current {
      @apply bg-gray-400 text-white;
    }
  }

  label {
    @apply inline-block whitespace-nowrap rounded-lg bg-gray-200 px-3 py-0.5;

    input {
      @apply rounded-md border-none bg-gray-100;
    }
  }
}