:host {
  display: block;
  padding: 8px;
  border: 2px solid transparent;
  margin-bottom: 8px;
}
:host .alert-title {
  font-weight: 700;
  margin-bottom: 4px;
}

:host(.alert-primary) {
  background: #f9cbc3;
}

:host(.alert-secondary) {
  background: #c5c4c4;
}

:host(.alert-success) {
  background: #9be7ac;
}

:host(.alert-info) {
  background: #90e4f1;
}

:host(.alert-warning) {
  background: #ffeeba;
}

:host(.alert-danger) {
  background: #f9cbc3;
}

:host(.alert-light) {
  background: white;
}

:host(.alert-dark) {
  background: #908787;
}