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

.root:hover {
  @apply bg-gray-800;
}

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

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

s.filled {
  @apply text-white bg-black;
}