.site-main,
.woocommerce,
.woocommerce-notices-wrapper {
  > .woocommerce-error {
    @include site_notice($alert-color, '\ea15');
    padding: rem-calc(25) 0;
    @include breakpoint(small only) {
      display: flex;
      padding-top: rem-calc(30);
    }

    &:before {
      font-size: rem-calc(18);
    }

    li {
      margin-bottom: 0;
      line-height: 19px;
      width: 100%;

      &:not(:first-child) {
        margin-top: 15px;
        margin-bottom: 15px;
      }

      .button,
      a,
      button {
        background: none;
        color: #FFF !important;
        display: inline;
        width: auto;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        line-height: 19px;
        border-bottom: 1px solid;
        padding: 0;

        &:after {
          content: none;
          width: 100%;
          height: 1px;
          display: block;
        }

        &:hover {
          border-bottom: 1px solid transparent;
          background-color: transparent;
          color: #FFF !important;
        }

        &:active,
        &:focus {
          background-color: transparent;
        }
        @include breakpoint(medium) {
          border-bottom: 2px solid;
          position: absolute;
          right: 32px;

          &:hover {
            border-bottom: 2px solid transparent;
          }
        }
      }
    }
  }
}

.woocommerce-NoticeGroup-checkout {
  @include site_notice($alert-color, '\ea15');
  padding: rem-calc(27) 0 rem-calc(22);
  @include breakpoint(small only) {
    display: flex;
    margin-bottom: rem-calc(40) !important;
  }

  &:before {
    font-size: rem-calc(18);
  }

  .woocommerce-error {
    margin: 0;
    padding-right: rem-calc(20);

    li {
      list-style: none;
      line-height: 26px;
      margin-bottom: 0;
      width: 100%;
    }
  }
}

#content {
  > .woocommerce-error {
    margin: 0;
    list-style-type: none;
    color: #FFF;
    @include site_notice($alert-color, '\ea15');

    li {
      margin-bottom: 0;
      line-height: 19px;

      .button {
        background: none;
      }

      &:not(:first-child) {
        margin-top: 15px;
        margin-bottom: 15px;
      }
    }
  }
}
