{"html":"<{{html_tag}} id=\"{{uc_id}}\" class=\"gradient_underline_text_effect\" style=\"color:{{all_text_color}};\">\n<span class=\"beginning_text\" style=\"color:{{beginning_text_color}};\">{{beginning_text|raw}}<\/span> \n<span class=\"underline--magical\" style=\"color:{{middle_text_color}};\">{{middle_text|raw}}<\/span> \n<span class=\"ending_text\" style=\"color:{{ending_text_color}};\">{{ending_text|raw}}<\/span>\n<\/{{html_tag}}>","css":"#{{uc_id}}\n{\n  text-align:{{text_align}};\n}\n#{{uc_id}} .underline--magical {\n  background-image: linear-gradient(120deg, {{gradient_underline_one}} 0%, {{gradient_underline_two}} 100%);\n  background-repeat: no-repeat;\n  background-size: 100% 0.2em;\n  background-position: 0 88%;\n  transition: background-size 0.25s ease-in;\n}\n#{{uc_id}} .underline--magical:hover {\n  background-size: 100% 88%;\n}"}