.cta {
background-color: {{ design.btnColor.toColor() }} !important;
background-image: -webkit-linear-gradient(top, {{ shadeColor(design.btnColor.toColor(), 0.2) }}, {{ design.btnColor.toColor() }}) !important;
background-image: -moz-linear-gradient(top, {{ shadeColor(design.btnColor.toColor(), 0.2) }}, {{ design.btnColor.toColor() }}) !important;
background-image: -ms-linear-gradient(top, {{ shadeColor(design.btnColor.toColor(), 0.2) }}, {{ design.btnColor.toColor() }}) !important;
background-image: linear-gradient(top, {{ shadeColor(design.btnColor.toColor(), 0.2) }}, {{ design.btnColor.toColor() }}) !important;
color: {{ design.txtColorCta.toColor() }} !important;
}
.cta:hover {
background-color: {{ design.btnRollColor.toColor() }} !important;
background-image: -webkit-linear-gradient(top, {{ shadeColor(design.btnRollColor.toColor(), 0.2) }}, {{ design.btnRollColor.toColor() }}) !important;
background-image: -moz-linear-gradient(top, {{ shadeColor(design.btnRollColor.toColor(), 0.2) }}, {{ design.btnRollColor.toColor() }}) !important;
background-image: -ms-linear-gradient(top, {{ shadeColor(design.btnRollColor.toColor(), 0.2) }}, {{ design.btnRollColor.toColor() }}) !important;
background-image: linear-gradient(top, {{ shadeColor(design.btnRollColor.toColor(), 0.2) }}, {{ design.btnRollColor.toColor() }}) !important;
}
.name {
color: {{ design.txtColorProduct.toColor() }} !important;
}
.subtitle {
color: {{ design.txtColorSubTitle.toColor() }} !important;
}
.description {
color: {{ design.txtColorDescription.toColor() }} !important;
}