.alert {
  padding: 1rem;
  border-radius: 0.375rem;
  margin-bottom: 1rem;
}

.alert--info {
  background-color: var(--color-blue-50);
  color: var(--color-sky-900);
  border: 1px solid var(--color-blue-200);
}

.alert--error {
  background-color: var(--color-rose-50);
  color: var(--color-rose-900);
  border: 1px solid var(--color-rose-200);
}

.alert--success {
  background-color: var(--color-green-50);
  color: var(--color-green-900);
  border: 1px solid var(--color-green-200);
}