.btn { @apply inline-flex items-center justify-center rounded-xl font-semibold transition shadow px-4 py-2; }
.btn--sm { @apply px-2 py-2 text-sm; }
.btn--lg { @apply px-10 py-4 text-lg font-semibold shadow-md; }

.btn-primary { @apply bg-brand-500 hover:bg-brand-600 text-white; }
.btn-outline { @apply border-2 border-brand-500 text-brand-500 hover:bg-brand-50; }