{"html":"<div class=\"uc-creative-link-effects\" id=\"{{uc_id}}\" style=\"text-align: {{alignment}};\">\n  <div class=\"{{styles}}\">\n    {% if (styles == \"uc_cl-effect-5\") %}\n\t\t<a href=\"{{link}}\" {{link_html_attributes|raw}}><span data-hover=\"{{text}}\">{{text}}<\/span><\/a>\n    {% elseif (styles == \"uc_cl-effect-10\") %}\n    \t<a href=\"{{link}}\" {{link_html_attributes|raw}} data-hover=\"{{text}}\"><span>{{text}}<\/span><\/a>\n    {% else %}\n    \t<a href=\"{{link}}\" {{link_html_attributes|raw}} data-hover=\"{{text}}\">{{text}}<\/a>\n    {% endif %}\n  <\/div>\n<\/div>","html_item":"#","css":"#{{uc_id}}.uc-creative-link-effects a{\n    color: {{text_color}};\n  \t\n}\n#{{uc_id}}.uc-creative-link-effects a:hover{\n    color: {{hover_text_color}};\n}\n\n{% if (styles == \"uc_cl-effect-1\") %}\n\/*Effect 1*\/\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-1 a:hover::before, \n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-1 a:hover::after, \n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-1 a:focus::before, \n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-1 a:focus::after, \n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-1 a.active::before, \n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-1 a.active::after{\n  color: {{hover_border_color}};\n}\n{% endif %}\n\n{% if (styles == \"uc_cl-effect-3\") %}\n\/*Effect 3*\/\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-3 a::after {\n    background: {{hover_border_color}};\n}\n{% endif %}\n\n{% if (styles == \"uc_cl-effect-4\") %}\n\/*Effect 4*\/\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-4 a::after {\n    background: {{hover_border_color}};\n}\n{% endif %}\n\n{% if (styles == \"uc_cl-effect-6\") %}\n\/*Effect 6*\/\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-6 a::before,\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-6 a::after {\n    background: {{border_color}};\n}\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-6 a:hover::before,\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-6 a:hover::after {\n    background: {{hover_border_color}};\n}\n{% endif %}\n\n{% if (styles == \"uc_cl-effect-7\") %}\n\/*Effect 7*\/\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-7 a::before, \n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-7 a::after {\n    background: {{border_color}};\n}\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-7 a:hover::before, \n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-7 a:hover::after {\n    background: {{hover_border_color}};\n}\n{% endif %}\n\n{% if (styles == \"uc_cl-effect-8\") %}\n\/*Effect 8*\/\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-8 a::before, \n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-8 a::after {\n    border: 3px solid {{border_color}};\n}\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-8 a::after {\n    border-color: {{hover_border_color}};\n}\n{% endif %}\n\n{% if (styles == \"uc_cl-effect-11\") %}\n\/*Effect 11*\/\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-11 a {\n    border-top: 2px solid {{border_color}};\n    color: {{text_color}};\n}\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-11 a::before {\n    border-bottom: 2px solid {{hover_border_color}};\n    color: {{hover_text_color}};\n}\n{% endif %}\n\n{% if (styles == \"uc_cl-effect-12\") %}\n\/*Effect 12*\/\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-12 a::before, \n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-12 a::after {\n    border: 2px solid {{hover_border_color}};\n}\n{% endif %}\n\n{% if (styles == \"uc_cl-effect-13\") %}\n\/*Effect 13*\/\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-13 a:hover, \n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-13 a:focus,\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-13 a.active{\n    color: {{hover_text_color}};\n}\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-13 a:hover::before, \n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-13 a:focus::before{\n    color: {{hover_border_color}};\n}\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-13 a:hover::before, \n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-13 a:focus::before,\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-13 a.active::before{\n\ttext-shadow: 10px 0 {{hover_border_color}}, -10px 0 {{hover_border_color}};\n\t-webkit-text-shadow: 10px 0 {{hover_border_color}}, -10px 0 {{hover_border_color}};\n}\n{% endif %}\n\n{% if (styles == \"uc_cl-effect-14\") %}\n\/*Effect 14*\/\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-14 a::before, \n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-14 a::after {\n    background: {{border_color}};\n}\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-14 a:hover::before, \n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-14 a:hover::after {\n    background: {{hover_border_color}};\n}\n{% endif %}\n\n{% if (styles == \"uc_cl-effect-15\") %}\n\/*Effect 15*\/\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-15 a {\n    color: {{text_color}};\n}\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-15 a::before {\n    color: {{hover_text_color}};\n}\n{% endif %}\n\n{% if (styles == \"uc_cl-effect-16\") %}\n\/*Effect 16*\/\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-16 a {\n    color: {{text_color}};\n}\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-16 a::before {\n    color: {{hover_text_color}};\n}\n{% endif %}\n\n{% if (styles == \"uc_cl-effect-17\") %}\n\/*Effect 17*\/\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-17 a {\n    color: {{hover_text_color}};\n}\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-17 a::before {\n    color: {{text_color}};\n}\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-17 a::after {\n    background: {{hover_border_color}};\n}\n{% endif %}\n\n{% if (styles == \"uc_cl-effect-18\") %}\n\/*Effect 18*\/\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-18 a::before, \n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-18 a::after {\n    background: {{border_color}};\n}\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-18 a:hover::before, \n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-18 a:hover::after {\n    background: {{hover_border_color}};\n}\n{% endif %}\n\n{% if (styles == \"uc_cl-effect-21\") %}\n\/*Effect 21*\/\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-21 a {\n    color: {{text_color}};\n}\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-21 a::before, \n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-21 a::after{\n    background: {{hover_border_color}};\n}\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-21 a:hover, \n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-21 a:focus,\n#{{uc_id}}.uc-creative-link-effects .uc_cl-effect-21 a.active{\n    color: {{hover_text_color}};\n}\n{% endif %}"}