.alert {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  font-weight: var(--font-weight-semibold);
}

.alert--success {
  background-color: rgba(40, 167, 69, 0.15);
  color: var(--color-success);
}

.alert--warning {
  background-color: rgba(255, 193, 7, 0.15);
  color: var(--color-warning);
}

.alert--danger {
  background-color: rgba(220, 53, 69, 0.15);
  color: var(--color-danger);
}

.alert-close {
  background: none;
  border: none;
  font-size: 1.25rem;
  cursor: pointer;
  color: inherit;
  margin-left: 0.75rem;
  line-height: 1;
}