.stateful-button {
  @apply flex items-center justify-center select-none;
  overflow: hidden;
  width: 100%;

  .stateful-button-content {
    @apply flex items-center gap-1 w-full;
    white-space: nowrap;

    &--default {
      @apply justify-center;
    }
    &--error {
      @apply justify-between;
    }
    &--success {
      @apply justify-start;
    }
  }
}

.stateful-button-action {
  @apply cursor-pointer font-bold;
}
