{"html":"<div style=\"text-align:{{align}};\" id=\"{{uc_id}}\">\n  <a href=\"{{link}}\" {{link_html_attributes|raw}} class=\"gradient_button\">{{button_text|raw}}<\/a>\n<\/div>","css":"#{{uc_id}} a {\n  display:inline-block;\n  text-align: center;\n  transition: 0.5s;\n  background-size: 200% auto;\n  color: white;\n \/* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*\/\n  box-shadow: 0 5px 20px rgba(0,0,0,0.15);\n  border-radius: {{radius}}px;\n   background-image: linear-gradient(to right, {{color_one}} 0%, {{color_two}} 51%, {{color_three}} 100%);\n  text-decoration:none\n }\n\n\n#{{uc_id}} a:hover {\n  background-position: right center; \/* change the direction of the change here *\/\n}"}