/**
 * Kratevia base button helper and soft card action button styles.
 * Extracted from app.css during CSS segmentation tranche 7B.
 */

.btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.btn__text {
  display: inline;
}

.btn-card-secondary {
  border-color: color-mix(in srgb, var(--border-default) 76%, transparent);
  background: color-mix(in srgb, var(--surface-primary) 88%, transparent);
  color: var(--text-secondary);
  box-shadow: none;
}

.btn-card-secondary:hover,
.btn-card-secondary:focus-visible {
  border-color: color-mix(in srgb, var(--accent-500) 24%, var(--border-default));
  background: color-mix(in srgb, var(--surface-primary) 94%, transparent);
  color: var(--text-primary);
}

.btn.btn-card-danger-soft,
.btn-card-danger-soft {
  background: color-mix(in srgb, var(--danger) 7%, var(--surface-primary));
  color: color-mix(in srgb, var(--danger) 72%, var(--text-primary));
  border: 1px solid color-mix(in srgb, var(--danger) 40%, var(--border-default));
  box-shadow: none;
}

.btn.btn-card-danger-soft:hover,
.btn.btn-card-danger-soft:focus-visible,
.btn-card-danger-soft:hover,
.btn-card-danger-soft:focus-visible {
  background: color-mix(in srgb, var(--danger) 12%, var(--surface-primary));
  color: color-mix(in srgb, var(--danger) 80%, var(--text-primary));
  border-color: color-mix(in srgb, var(--danger) 52%, var(--border-default));
}

.btn.btn-card-warn-soft,
.btn-card-warn-soft {
  background: color-mix(in srgb, var(--warning) 8%, var(--surface-primary));
  color: color-mix(in srgb, var(--warning) 72%, var(--text-primary));
  border: 1px solid color-mix(in srgb, var(--warning) 34%, var(--border-default));
  box-shadow: none;
}

.btn.btn-card-warn-soft:hover,
.btn.btn-card-warn-soft:focus-visible,
.btn-card-warn-soft:hover,
.btn-card-warn-soft:focus-visible {
  background: color-mix(in srgb, var(--warning) 14%, var(--surface-primary));
  color: color-mix(in srgb, var(--warning) 82%, var(--text-primary));
  border-color: color-mix(in srgb, var(--warning) 44%, var(--border-default));
}