.badge {
  @apply px-1.5 h-6 text-xs bg-intermediate text-intermediate-content rounded-md flex items-center gap-1;

  button&,
  a& {
    @apply border border-transparent hover:border-line;
  }

  & i {
    @apply text-sm;
  }

  &:disabled {
    @apply opacity-50 
            cursor-not-allowed 
            pointer-events-none
            bg-line-dimmed
            text-content;
  }
}

.badge-success {
  @apply bg-success/10 text-success;
}

.badge-alert {
  @apply bg-alert/10 text-alert;
}

.badge-failure {
  @apply bg-failure/10 text-failure;
}

.badge-info {
  @apply bg-info/10 text-info;
}