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;
}

.installments {
  color: $gray-500;
  margin-bottom: 16px;
}

// .sellingPriceValue--summary {
//   font-size: 1.25rem;
//   font-weight: 600;
//   color: $black;
// }

.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;
  color: $gray-500;

  .installmentsNumber,
  .installmentValue {
    font-weight: 700;
  }
}

.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;
}