washnroll/files/wash-n-roll/internal/scss/components/_cart.scss

.mod_iso_cart {
  padding: 0 190px 3rem 190px;

  .spwn-qc {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 164px;
  }

  .quantity {
    a {
      position: relative;
      display: inline-block;
      margin: 0 auto;
      padding: 0 0 0 22px;
      font-size: size(12);
      font-weight: 700;
      color: $font;
      text-decoration: underline;
      @include transition();

      &:hover {
        color: $primary;
      }

      &:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        width: 16px;
        height: 21px;
        background: transparent url("../images/elements/icon-delete.svg") no-repeat left top;
        background-size: 100% auto;
      }
    }
  }

  .quantity_container {
    max-width: 162px;
    margin: 0 0 20px 0;

    input {
      width: 60px;
    }
  }

  .voucher-box {
    .mod_iso_coupons {
      @include fullwidth();
      margin-top: 50px;
      margin-bottom: 80px;
    }

    .spwn-coupons {
      margin: 0 auto;
      padding: 40px 0 20px 0;
      max-width: calc(1280px - 24px - 190px - 190px);

      h2 {
        padding: 0 0 16px 0;
        color: $primary;
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-size: size(24);
        line-height: size(32);
      }

      p {
        font-weight: 300;
      }

      .formbody {
        border: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 4px 0 10px 0;
      }

      .widget {
        &.widget-text {
          width: 70%;
        }

        &.widget-submit {
          width: calc(30% - 20px);
        }

        input {
          width: 100%;
          padding: 7px 25px;
          border: 1px solid #aaa;
          border-radius: 25px;
        }
      }

      .submit {
        @include button();
        width: 100%;
        border: 2px solid #fff;
        background-color: #b0b0b0;
        color: #fff;
        font-size: size(22);
        font-weight: 400;

        &:hover {
          color: rgba(255, 255, 255, .7);
        }
      }

      ul {
        li {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 0 0 10px 0;

          .coupon {
            width: 70%;
            margin: 0;
            text-align: right;
          }

          .action {
            width: calc(30% - 20px);
          }
        }
      }
    }
  }
}