@import '../../../_shared/assets/css/skill-common.css';

.sk-hero--danger {
  position: relative;
  background: linear-gradient(
    135deg,
    rgba(220, 38, 38, 0.22) 0%,
    rgba(234, 88, 12, 0.14) 55%,
    rgba(251, 146, 60, 0.1) 100%
  );
  border: 1px solid rgba(220, 38, 38, 0.35);
  box-shadow: 0 24px 56px rgba(127, 29, 29, 0.14);
}

.sk-feature-card--danger {
  background: linear-gradient(180deg, var(--mantine-color-body) 0%, rgba(220, 38, 38, 0.05) 100%);
  border-color: rgba(220, 38, 38, 0.18);
}