.root {
  @apply text-accents-1 cursor-pointer inline-flex px-10 rounded-sm leading-6
  bg-secondary transition ease-in-out duration-150 shadow-sm font-semibold
  text-center justify-center uppercase py-4 uppercase text-center focus:outline-none
  border border-transparent items-center;
}

.root:hover {
  @apply bg-accents-0 text-base border border-secondary;
}

.root:focus {
  @apply shadow-outline;
}

.root[data-active] {
  @apply bg-gray-600;
}

.loading {
  @apply bg-accents-1 text-accents-3 border-accents-2 cursor-not-allowed;
}

.slim {
  @apply py-2 transform-none normal-case;
}