.alert {
  border-radius: var(--radius-sm);
  margin-block: var(--space-3);
  padding: var(--space-3) var(--space-4);
}

.alert--info {
  background: #eff6ff;
  color: var(--color-info);
}

.alert--success {
  background: #ecfdf3;
  color: var(--color-success);
}

.alert--warning {
  background: #fffaeb;
  color: var(--color-warning-text);
}

.alert--error {
  background: #fef3f2;
  color: var(--color-danger);
}