challenge-vtex-io-saulo-klein/styles/sass/pages/product/vtex.product-price.scss

.sellingPrice--hasListPrice {
  margin: 24px 0 0;
  font-weight: 700;
  font-size: 25px;
  line-height: 38px;
}

.installments--sellingInfo {
  font-size: 0;

  .installmentsNumber,
  .installmentValue {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: $color-gray6;
  }

  .installmentsNumber::after {
    content: " x ";
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
  }

  .installmentValue {
    &::before,
    &::after {
      content: "de ";
      font-weight: 400;
      font-size: 16px;
      line-height: 22px;
    }

    &::after {
      content: " sem juros";
    }
  }
}

.listPrice--summary {
  display: block;
  margin: 0 0 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: $color-gray16;
  text-decoration: line-through;

  @include mq(lg, max) {
    font-size: 12px;
    line-height: 16px;
  }

  &::before,
  &::after {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;

    @include mq(lg, max) {
      font-size: 12px;
      line-height: 16px;
    }
  }

  &::before {
    content: "de ";
  }

  &::after {
    content: " por";
  }

  .listPriceValue {
    text-decoration: none;
  }
}

.sellingPrice--summary--hasListPrice {
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;

  @include mq(lg, max) {
    font-size: 18px;
    line-height: 25px;
  }
}