.trs-storm-event-alert {
  position: relative;
  z-index: 3;
  padding: 1.1rem 1rem;
  background: linear-gradient(135deg, #0b1320, #101e2c 56%, #16324a);
  color: #fff;
  overflow: hidden;
}

.trs-storm-event-alert::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 14% 20%, rgba(255,255,255,.18), transparent 14%),
    radial-gradient(circle at 80% 12%, rgba(75,180,181,.22), transparent 16%);
  opacity: .75;
}

.trs-storm-event-inner {
  position: relative;
  z-index: 2;
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
}

.trs-storm-kicker {
  margin: 0 0 .25rem;
  color: #5eb552;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.trs-storm-event-alert h2 {
  margin: 0 0 .3rem;
  color: #fff;
  font-size: clamp(1.35rem, 3vw, 2.3rem);
}

.trs-storm-event-alert p {
  margin: 0;
  color: rgba(255,255,255,.88);
}

.trs-storm-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  justify-content: flex-end;
}

.trs-storm-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: .72rem .95rem;
  border-radius: 12px;
  background: linear-gradient(135deg, #00a86b, #5eb552);
  color: #fff;
  text-decoration: none;
  font-weight: 900;
  white-space: nowrap;
}

.trs-storm-button-outline {
  background: transparent;
  border: 2px solid rgba(255,255,255,.8);
}

@media (max-width: 768px) {
  .trs-storm-event-inner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .trs-storm-actions {
    justify-content: center;
  }

  .trs-storm-button {
    width: 100%;
  }
}