.critical-comms {
  border-radius: 16px;
  border-radius: var(--radius-medium);
  overflow: hidden;
}
.critical-comms .alert {
  background-color: var(--color-sentiment-background-surface);
  color: var(--color-sentiment-content-primary);
  margin-bottom: 0;
}
.critical-comms .alert .np-text-title-body {
  color: var(--color-sentiment-content-primary);
}
.critical-comms .status-circle.negative {
  background-color: #ffffff;
  background-color: var(--color-background-screen);
}
.critical-comms .status-circle.negative .status-icon {
  color: #37517e;
  color: var(--color-content-primary);
}
.critical-comms .alert__message .alert__action {
  margin-top: 16px;
  margin-top: var(--size-16);
}
.critical-comms .wds-Button {
  --Button-color: var(--color-content-primary);
  --Button-color-hover: var(--color-content-primary);
  --Button-color-active: var(--color-content-primary);
  --Button-background: var(--color-background-screen);
  --Button-background-hover: var(--color-sentiment-interactive-primary-hover);
  --Button-background-active: var(--color-sentiment-interactive-primary-active);
}
.critical-comms .wds-Button[class] {
  color: var(--Button-color);
}
.critical-comms .wds-Button[class]:hover {
  color: var(--Button-color-hover);
}
.critical-comms .wds-Button[class]:active {
  color: var(--Button-color-active);
}
.critical-comms .alert-warning .wds-Button {
  --Button-background-hover: var(--color-sentiment-interactive-secondary-neutral-hover);
  --Button-background-active: var(--color-sentiment-interactive-secondary-neutral-active);
}
@media (min-width: 840px) {
  .critical-comms .alert-warning .alert__message,
  .critical-comms .alert-negative .alert__message,
  .critical-comms .alert-neutral .alert__message {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .critical-comms .alert-warning .alert__message .alert__action,
  .critical-comms .alert-negative .alert__message .alert__action,
  .critical-comms .alert-neutral .alert__message .alert__action {
    margin-top: 0;
    margin-left: 16px;
    margin-left: var(--padding-small);
  }
}
