tailwind-build.button.css

.raa-button {
  @apply tw-bg-raa-orange tw-cursor-pointer tw-text-size-1 tw-text-raa-white tw-uppercase tw-font-semibold tw-h-10 tw-px-4 tw-rounded;

  font-family: 'Source Sans Pro', sans-serif;
  transition: background-color, border-color 0.4s;
  box-sizing: border-box;
  min-width: 6.25rem;
  letter-spacing: 0.2px;
  border: none;
}

.raa-button:hover:not([disabled]) {
  @apply tw-bg-raa-orange-hover tw-border-raa-orange-hover;
}

.raa-button:focus {
  @apply tw-shadow-outline tw-outline-transparent;
}

.raa-button-focus:focus {
  @apply tw-shadow-outline tw-outline-transparent;
}

.raa-button:active:not([disabled]) {
  @apply tw-bg-raa-orange-active tw-border-raa-orange-active;
}

.raa-button:disabled {
  @apply tw-cursor-default tw-opacity-50;
}

.raa-button-secondary {
  @apply tw-bg-raa-white tw-text-raa-orange tw-border-raa-orange tw-border-2 tw-border-solid;
}

.raa-button-secondary:hover:not([disabled]) {
  @apply tw-bg-raa-white tw-text-raa-orange-hover tw-border-raa-orange-hover;
}

.raa-button-secondary:active:not([disabled]) {
  @apply tw-bg-raa-white tw-text-raa-orange-active tw-border-raa-orange-active;
}

.raa-button-secondary:disabled {
  @apply tw-cursor-default tw-opacity-50;
}

.raa-button-confirm {
  @apply tw-bg-raa-green tw-border-raa-green;
}

.raa-button-confirm:hover:not([disabled]) {
  @apply tw-bg-raa-green-hover tw-border-raa-green-hover;
}

.raa-button-confirm:active:not([disabled]) {
  @apply tw-bg-raa-green-active tw-border-raa-green-active;
}

.raa-button-confirm:disabled {
  @apply tw-cursor-default tw-opacity-50;
}

.raa-button-cancel {
  @apply tw-bg-raa-gray-5 tw-border-raa-gray-5;
}

.raa-button-cancel:hover:not([disabled]) {
  @apply tw-bg-raa-gray-hover tw-border-raa-gray-hover;
}

.raa-button-cancel:active:not([disabled]) {
  @apply tw-bg-raa-gray-active tw-border-raa-gray-active;
}

.raa-button-cancel:disabled {
  @apply tw-cursor-default tw-opacity-50;
}

.raa-button-tabs {
  @apply tw-flex tw-px-0 tw-px-4;
  box-shadow: inset 0 -2px 0 #c94a18;
}

.raa-button-tabs .raa-button {
  padding: calc(0.5rem - 1px) calc(1rem - 2px);
}

.raa-button-tabs .raa-button:not(:last-child) {
  @apply tw-m-0 tw-mr-2;
  border-right: none;
}

.raa-button-tabs .raa-button.active {
  @apply tw-text-raa-orange tw-bg-raa-white tw-border-raa-orange tw-border-2 tw-border-b-0 tw-border-solid;
  box-sizing: border-box;
}