studio-alert {

  .studio-alert {

    .alert-link {
      padding: 0;
      padding-left: 2px;
      color: $studio-faux-blue;
      text-decoration: underline;
      font-size: 15px;
      font-weight: 400;
    }

    @include flex-row;
    align-items: center;

    background-color: $studio-alice-blue;
    padding: 10px spacing(20);
    margin-bottom: 20px;
    width: 100%;

    &--no-margin-bottom {
      margin-bottom: 0;
    }

    &--error {
      background-color: $studio-lavender-blush;
    }

    &__body {
      @include flex-row;
      @include flex-center-content;
      flex: 1 1 auto;
      flex-wrap: wrap;
    }

    &__icon {
      color: $studio-faux-blue;
      font: {
        size: 18px;
      }
      padding-right: spacing(10);


      &--error {
        color: $studio-crimson;
      }
    }

    &__message {
      color: $studio-faux-blue;
      font: {
        size: 15px;
      }
      margin: 0;

      &--error {
        color: $studio-crimson;
      }
    }

    &__close {
      &-icon {
        @include css-close-icon($studio-faux-blue, $studio-alice-blue);

        &--error {
          @include css-close-icon($studio-crimson, $studio-lavender-blush);
        }
      }
    }
  }
}