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

    a:not([role="separator"]) {
        @apply block rounded-lg px-3 py-1 bg-gray-200;

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

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

        &[aria-current] {
            @apply text-white bg-gray-400;
        }
    }

    a[role="separator"] {
        @apply px-2 py-1 text-gray-400;
    }

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

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