Example Tailwind Buttons @apply

buttonsStyleUseApply.css

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

.btn {
  @apply px-3 py-2 rounded-lg;
}

.btn:not([class*="btn--"]) {
  @apply bg-gray-200 text-gray-600;
}

.btn--primary {
  @apply bg-blue-500 text-blue-100;
}

.btn--success {
  @apply bg-green-500 text-green-100;
}

.btn--danger {
  @apply bg-red-500 text-red-100;
}