{"html":"<div class=\"uc_creative_buttons\" id=\"{{uc_id}}\">\n  <div class=\"container\">\n    <a href=\"{{link}}\" class=\"uc_button button-padding {{styles}}\" {{link_html_attributes|raw}}><span>{{button_text|raw}}<\/span><\/a>\n  <\/div>\n<\/div>","css":"#{{uc_id}}.uc_creative_buttons{\n  text-align: {{alignment}};\n}\n#{{uc_id}}.uc_creative_buttons .uc_button,\n#{{uc_id}}.uc_creative_buttons .uc_button::after {\n  -webkit-transition: all {{animation_speed}}s;\n\t-moz-transition: all {{animation_speed}}s;\n  -o-transition: all {{animation_speed}}s;\n\ttransition: all {{animation_speed}}s;\n}\n\n#{{uc_id}}.uc_creative_buttons .uc_button {\n  border: {{border_width}}px {{border_style}} {{border_color}};\n  border-radius: {{border_radius}}px;\n  color: {{color}};\n  display: {{inline_block}};\n  background: {{background}};\n}\n\n#{{uc_id}}.uc_creative_buttons .uc_button::before,\n#{{uc_id}}.uc_creative_buttons .uc_button::after {\n  background: {{hover_background}};\n}\n\n#{{uc_id}}.uc_creative_buttons .uc_button:hover {\n  color: {{hover_color}};\n  border-color: {{border_hover_color}};\n}"}