@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
    .paginator.sticky-footer input.default {
        @apply btn btn-primary;
        @apply shadow-md;
        padding: 0.5rem 1rem;
        border-radius: 0.375rem;
        transition: background-color 0.2s, transform 0.1s;
    }

    .paginator.sticky-footer input.default:hover {
        @apply btn-primary;
        transform: translateY(-1px);
    }

    .paginator.sticky-footer input.default:active {
        transform: translateY(0);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }
}