.root {
  @apply h-12 w-12 bg-primary text-primary rounded-full mr-3 inline-flex
  items-center justify-center cursor-pointer transition duration-100 ease-in-out
  p-0 shadow-none border-gray-200 border box-border text-black;
}

.active.size {
  @apply border-accents-9 border-2;
}

.root:hover {
  @apply transform scale-110 bg-hover;
}