.alert {
  padding: var(--size-4);
  border-radius: var(--size-2);
}

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

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

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

.alert--danger {
  background-color: var(--color-danger);
  color: var(--color-danger-text);
}