.layout {
background-color: {{design.bgColor.toColor()}};
border: 1px solid {{design.borderColor.toColor()}};
}
.button {
background-color: {{design.btnColor.toColor()}};
border-bottom: {{ctaDetails.BORDER_WIDTH}}px solid
{{design.btnColor.changeBrightness(ctaDetails.DARKEN)}};
color: {{design.txtColorCta.toColor()}};
}
.button.noShad {
border-bottom: 1px solid {{design.btnColor.toColor()}};
}
.button span {
text-shadow: 0 1px 0
{{changeBrightnessRGBA(design.btnColor, ctaDetails.DARKEN, ctaDetails.SHADOW_OPACITY)}};
}
.product-name {
color: {{design.txtColorProduct.toColor()}};
font-size: {{design.nameSize}}px;
}
.product-price-value {
color: {{design.txtColorPrice.toColor()}};
}
.product-price-prefix {
color: {{design.txtColorPricePrefix.toColor()}};
}
.product-description {
color: {{design.txtColorDescription.toColor()}};
font-size: {{design.descriptionSize}}px;
}
{{product.name}}
{{headline.pricePrefix}}
{{product.price}}
{{headline.priceSuffix}}
{{product.description}}
{{headline.disclaimer}}