.alert {
  padding: var(--space-md) var(--space-lg);
  border: var(--border-width) solid;
  border-radius: var(--radius-md);
  font-size: var(--fs-md);
  line-height: var(--lh-body);
}

.alert--success {
  background-color: rgba(0, 160, 70, 0.08);
  border-color: var(--color-status-available);
  color: var(--color-status-available);
}

.alert--warning {
  background-color: rgba(255, 152, 0, 0.08);
  border-color: var(--color-status-reserved);
  color: var(--color-status-reserved);
}

.alert--danger {
  background-color: rgba(230, 42, 64, 0.08);
  border-color: var(--color-price);
  color: var(--color-price);
}

.alert--info {
  background-color: rgba(33, 150, 243, 0.08);
  border-color: var(--color-status-featured);
  color: var(--color-status-featured);
}