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

@layer components {
	.btn {
		@apply cursor-pointer flex items-center gap-2 
		rounded-md px-3 py-2 
		text-sm font-semibold text-white shadow-sm 
		focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2;
	}

	.btn-primary {
		@apply bg-purple-600 hover:bg-purple-400 focus-visible:outline-purple-500;
	}
}
