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

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

    &:not([href]) {
      /* disabled links */
      @apply text-tertiary bg-surface hover:bg-surface cursor-default;
    }

    &.current {
      @apply text-inverse bg-primary-500;
    }
  }

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

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