/ *
 * Reset button component styles to leverage Basecoat and Tailwind utilities.
 * Keep this minimal, relying on utility classes.
 * /

.button {
  @apply inline-flex items-center justify-center px-6 py-3 font-semibold text-base rounded-md transition;
}

.button-primary {
  @apply bg-black text-white hover:bg-neutral-800;
}

.button-secondary {
  @apply bg-white text-black hover:bg-neutral-100;
}

.button:disabled,
.button.is-disabled {
  @apply opacity-50 cursor-not-allowed;
}