.alert {
  padding: var(--space-4) var(--space-5);
  border-radius: var(--radius-lg);
  border: var(--border-1) solid;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
}

.alert--success {
  background: var(--color-success-bg);
  color: var(--color-success-text);
  border-color: var(--color-success-border);
}

.alert--error {
  background: var(--color-error-bg);
  color: var(--color-error-text);
  border-color: var(--color-error-border);
}

.alert--warning {
  background: var(--color-warning-bg);
  color: var(--color-warning-text);
  border-color: var(--color-warning-border);
}

.alert--info {
  background: var(--color-info-bg);
  color: var(--color-info-text);
  border-color: var(--color-info-border);
}