.alert {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-family: Open Sans;
}

.alert__icon {
  margin-right: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2rem;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.alert__icon svg {
  height: 3rem;
  width: 3rem;
  fill: currentColor;
}

.alert__title {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.alert__text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  font-size: 0.813rem;
  line-height: 1.20rem;
}

.alert__button {
  float: right;
  clear: both;
  margin-left: 1.25rem;
}

.alert__button ~ .alert__button {
  margin-top: 0.5rem;
}

.alert a {
  font-weight: 600;
  text-decoration-line: underline;
}

.alert a.btn {
  text-decoration-line: none;
}

.alert--info {
  background-color: #bfe0fc;
  color: #003461;
}

.alert--info a {
  color: currentColor;
}

.alert--info .alert__icon {
  background-color: transparent;
  color: #0082f2;
}

.alert--info .btn {
  background-color: #303a4d;
  color: #ffffff;
}

.alert--info-secondary {
  background-color: #e6f3fe;
  color: #000000;
}

.alert--info-secondary .alert__icon {
  background-color: #0082f2;
  color: transparent;
}

.alert--danger {
  background-color: #fe6868;
}

.alert--danger a {
  color: currentColor;
}

.alert--danger .alert__icon {
  background-color: transparent;
  color: #ffffff;
}

.alert--danger .btn {
  background-color: #ffffff;
  color: #fe6868;
}

.alert--danger-secondary {
  background-color: #ffd9d9;
  color: #662a2a;
}

.alert--danger-secondary .alert__icon {
  background-color: #ffd9d9;
  color: #fe6868;
}

.alert--danger-secondary .btn {
  background-color: #fe6868;
  color: #ffffff;
}

.alert--warning {
  background-color: #f29d49;
}

.alert--warning a {
  color: currentColor;
}

.alert--warning .alert__icon {
  color: #fff;
  background-color: transparent;
}

.alert--warning .btn {
  color: #f29d49;
  background-color: #fff;
}

.alert--warning-secondary {
  color: #994c00;
  background-color: #ffeedc;
}

.alert--warning-secondary .alert__icon {
  color: #f29d49;
}

.alert--warning-secondary .btn {
  color: #fff;
  background-color: #f29d49;
}

.alert--light {
  background-color: #f2be49;
}

.alert--light a {
  color: currentColor;
}

.alert--light .alert__icon {
  color: #fff;
  background-color: transparent;
}

.alert--light .btn {
  color: #f2be49;
  background-color: #fff;
}

.alert--light-secondary {
  color: #8c6000;
  background-color: #fff7dc;
}

.alert--light-secondary .alert__icon {
  color: #f2be49;
}

.alert--light-secondary .btn {
  color: #fff;
  background-color: #f2be49;
}

.alert--success {
  background-color: #21cb97;
}

.alert--success a {
  color: currentColor;
}

.alert--success .alert__icon {
  color: #fff;
  background-color: transparent;
}

.alert--success .btn {
  color: #21cb97;
  background-color: #fff;
}

.alert--success-secondary {
  color: #0d513c;
  background-color: #c8f2e5;
}

.alert--success-secondary .alert__icon {
  color: #21cb97;
}

.alert--success-secondary .btn {
  color: #fff;
  background-color: #21cb97;
}

.alert--note {
  border-radius: 0.16rem;
  background-color: #eef0f4;
  color: #222222;
}

.alert--defaults {
  border-radius: 0.16rem;
  background-color: #e5f2fe;
  color: #222222;
}