.ds-alert {
  display: flex;
  align-items: flex-start;
  gap: var(--ds-space-3);
  font-family: var(--ds-font-family);
  font-size: var(--ds-font-size-sm);
  line-height: var(--ds-line-height-normal);
  padding: var(--ds-space-4) var(--ds-space-5);
  border-radius: var(--ds-radius-md);
  border: 1px solid transparent;
}

.ds-alert__title {
  font-weight: var(--ds-font-weight-semibold);
  margin: 0 0 var(--ds-space-1);
}

.ds-alert__message {
  margin: 0;
  opacity: 0.9;
}

.ds-alert--info {
  background-color: var(--ds-color-info-light);
  border-color: #bfdbfe;
  color: #1e40af;
}

.ds-alert--success {
  background-color: var(--ds-color-success-light);
  border-color: #a7f3d0;
  color: #065f46;
}

.ds-alert--warning {
  background-color: var(--ds-color-warning-light);
  border-color: #fde68a;
  color: #92400e;
}

.ds-alert--danger {
  background-color: var(--ds-color-danger-light);
  border-color: #fecaca;
  color: #991b1b;
}