.base-alert{
  display: flex;
  width: 100%;
  padding: 14px 20px;
  line-height: 14px;

  &.base-alert-error{
    background-color: rgba(238,70,48,0.15);

    .base-alert-icon {
      fill: #EE4630;
    }
  }
  &.base-alert-success{
    background-color: rgba(164,219,52, 0.2);

    .base-alert-icon {
      fill: #80D225;
    }
  }

  .base-alert-icon {
    margin-right: 20px;
    width: 30px;
    height: 30px;
  }

  .base-alert-message{
    margin: 0;
    margin-bottom: 6px;
    color: $primaryDarkColor;
    font-weight: bold;
    font-size: 14px;
  }

  .base-alert-description{
    margin: 0;
    font-size: 12px;
    color: $font-color-normal;
  }
}