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

@layer components {
    .btn-cancel {
        @apply py-2 px-4 bg-amber-50 text-black font-semibold rounded-lg shadow-md hover:bg-amber-200 focus:outline-none focus:ring-2 focus:ring-amber-400 focus:ring-opacity-75;

    }

    .btn-primary {
        @apply py-2 px-4 bg-blue-500 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75;
    }
}