{"html":"<div class=\"uc_caption_hover_effects\" id=\"{{uc_id}}\">\n  <div class=\"uc_grid {{styles}}\">\n    <div class=\"uc_grid_box\">\n      <figure>\n        <img src=\"{{image}}\" alt=\"\" style=\"display:block;\">\n        <figcaption>\n          <div>\n          {% if (show_title == \"true\") %}\n          \t<h3>{{title|raw}}<\/h3>\n          \t{% else %}\n          {% endif %}\n          \n          {% if (show_content == \"true\") %}\n          \t<span>{{content|raw}}<\/span>\n          \t{% else %}\n          {% endif %}\n          \n          {% if (show_button == \"true\") %}\n          \t<a href=\"{{link}}\" {{link_html_attributes|raw}}>{{button_text}}<\/a>\n          \t{% else %}\n          {% endif %}\n          <\/div>\n        <\/figcaption>\n      <\/figure>\n    <\/div>\n  <\/div>\n<\/div>","css":".uc_caption_hover_effects .uc_grid figcaption {\n    color: {{content_color}};\n}\n\n#{{uc_id}}.uc_caption_hover_effects .uc_grid figcaption {\n    background: {{background}};\n}\n#{{uc_id}}.uc_caption_hover_effects .uc_grid figcaption h3 {\n    margin-bottom: {{space_after_title}}px;\n  \tfont-size: 1.5em;\n}\n#{{uc_id}}.uc_caption_hover_effects .uc_grid figcaption a {\n    background: {{button_bg}};\n  \tborder-radius: {{border_radius}}px;\n    padding:{{button_padding}}px;\n  \tcolor : {{button_color}};\n}\n#{{uc_id}}.uc_caption_hover_effects .uc_grid figcaption a:hover {\n    background: {{hover_button_bg}};\n}\n\n\n{% if (styles == \"uc-style-7\") %}\n\/*Effect-7*\/\n.uc_caption_hover_effects .uc-style-7 figcaption {\n    box-shadow: 0 0 0 0px {{background}};\n}\n.uc_caption_hover_effects .uc-style-7 figure:hover figcaption{\n    box-shadow: 0 0 0 10px {{background}};\n}\n{% endif %}"}