.listPrice { color: #727273; margin-bottom: 0.25rem; font-size: 0.75rem; line-height: 16.34px; @media screen and (min-width: 1025px) { font-size: 0.875rem; line-height: 19.07px; } } .sellingPrice { color: #000000; font-size: 1.25rem; } .sellingPriceValue { font-size: 1.125rem; line-height: 24.51px; font-weight: 700; @media screen and (min-width: 1025px) { font-size: 1.5rem; line-height: 32.68px; } } .installments { display: inline-block; color: #727273; margin-bottom: 1rem; } .savings { font-weight: 500; color: #79b03a; } .sellingPriceValue--summary { font-size: 1.25rem; font-weight: 600; color: #2e2e2e; } .sellingPriceValue--productSummary { display: block; } .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; } .listPrice--productSummary { display: block; text-decoration: line-through; margin-bottom: 8px; } .installments--summary { margin-bottom: 2rem; font-size: 0.875rem; } .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; }