/* Button Size Classes */
@layer components {
  .size-large {
    @apply px-10 h-16 text-lg rounded-lg
    before:rounded after:rounded;
  }

  .size-medium {
    @apply px-10 h-14 text-base rounded-lg
    before:rounded after:rounded;
  }

  .size-small {
    @apply px-10 h-12 text-sm rounded-lg
    before:rounded after:rounded;
  }

  .size-extra-small {
    @apply px-6 h-10 text-sm rounded
    before:rounded after:rounded;
  }
}