.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; }