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