app/common/styles/elements/alerts.scss

//Fixed alerts
.alert-danger {
  background-color: $accent-04--02;
  border-color: $accent-04--01;
  border-radius: 0;
  color: $primary-dark;
  text-align: left;
}
.alert-warning {
  background-color: $accent-03--03;
  border-color: $accent-03--02;
  border-radius: 0;
  color: $primary-dark;
  text-align: left;
  .icon {
    vertical-align: bottom;
  }
}

.message-container {
  background-color: $background-02;
  padding: 1em 1.5em;
  display: inline-block;
  >*:last-child {
    margin-bottom: 0;
  }
}

.notification-banner {
  padding: 8px 10px;
  margin-bottom: 24px;
  border-style: solid;
  border-width: 1px;
}

.notification-banner__text {
  font-size: 0.9em;
  margin-bottom: 0;
  line-height: 1.2;
}

.notification-banner--information {
  background-color: $background-02;
  border-color: $border-color-01;
}

.notification-banner--warning {
  background-color: $accent-03--03;
  border-color: $accent-03--02;
  .notification-banner__text {
    &::before {
      content: '';
      display: inline-block;
      width: 18px;
      height: 18px;
      vertical-align: bottom;
      margin-right: 0.5em;
      background-image: url(../assets/images/icon-warning.svg);
    }
  }
}