.alert,
.errors {
  padding: 0.75rem 0.9rem 0.75rem 1rem;
  color: var(--red-dark);
  background: var(--red-soft);
  border: 1px solid #f0c6c6;
  border-left: 5px solid var(--red);
  font-weight: 500;
}

.alert--notice {
  color: var(--green-dark);
  background: var(--green-soft);
  border-color: #b9e0cf;
  border-left-color: var(--green);
}

/* Validation errors render as a <ul>, so leave room for the markers. */
.errors {
  padding-left: 2rem;
  list-style: square;
}

.errors li {
  margin: 0.15rem 0;
}