challenge-vtex-io-eleonora-otz/styles/sass/pages/product/vtex.product-price.scss

.listPrice {
  display: none;
  // color: #727273;
  // margin-bottom: 0.25rem;
  // font-size: 1rem;
}

// .sellingPrice {
//   margin: 0;
// }

.sellingPriceValue {
  font-weight: 700;
  font-size: 25px;
  line-height: 38px;
  color: $black;
  margin: 0;
}

.savings--summary {
  background: #8bc34a;
  border-radius: 1000px;
  align-items: center;
  display: flex;

  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  vertical-align: baseline;
  color: #ffffff;
}

.savings-discount--summary {
  font-size: 0.875rem;
  font-weight: 600;
  vertical-align: baseline;
  color: #ffffff;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.listPrice--summary {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
}

.installments--summary {
  margin-bottom: 2rem;
  font-size: 0.875rem;
}

.installments {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: $gray-500;
  margin-bottom: 16px;

  .installments-discount,
  .installmentValue {
    font-weight: 700;
  }

  // .installmentsNumber {
  //   font-size: 0 !important;

  //   &::before {
  //     content: "36 x";
  //     font-size: 16px;
  //   }

  //   &::after {
  //     content: " de ";
  //     font-weight: 400;
  //     font-size: 16px;
  //   }
  // }

  // .installmentValue {
  //   &::after {
  //     content: " sem juros";
  //     font-weight: 400;
  //   }
  // }
}

.savings--summaryPercentage {
  background: #0f3e99;
  border-radius: 1000px;
  align-items: center;
  display: flex;
}

.savingsPercentage--summaryPercentage {
  font-size: 0.875rem;
  font-weight: 600;
  vertical-align: baseline;
  color: #ffffff;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
}