{"html":"<div style=\"text-align:{{align}};\">\n<a data-fancybox data-touch=\"false\" href=\"#modal{{uc_id}}\" id=\"btn{{uc_id}}\">{{btn_txt|raw}}<\/a>\n<\/div>\n\n\n\n\n<div id=\"modal{{uc_id}}\">\n  <div class=\"content-header\">\n    {{popup_title|raw}}\n  <\/div>\n  <div class=\"content-scroll\"> \n    {{popup_text|raw}}\n  <\/div>\n<\/div>","css":"#btn{{uc_id}}\n{\n display:inline-block;\n  font-size:18px;\n  color:{{font_color}};\n  padding:{{padding_top_bottom}}px {{padding_left_right}}px;\n  border-radius:{{rounded}}px;\n  background-color:{{bg}};\n  text-decoration:none;\n  transition:0.3s;\n  border:{{border_width}}px solid {{border_color}};\n}\n\n#btn{{uc_id}}:hover\n{\n display:inline-block;\n  background-color:{{hover}};\n  border:{{border_width}}px solid {{border_hover_color}};\n  color:{{font_color_hover}};\n}\n\n\n\n#modal{{uc_id}} {\n  display: none;\n  width: 100%;\n  max-width: 600px;\n  padding: 0 0 40px 0;\n  text-align: justify;\n  border-radius: 3px;\n  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);\n}\n\n#modal{{uc_id}} .fancybox-close-small {\n  top: 15px;\n}\n\n#modal{{uc_id}} .content-header {\n  border-bottom: 1px solid #eee;\n  padding: 20px;\n}\n\n#modal{{uc_id}} .content-scroll {\n  max-height: calc(100vh - 200px);\n  overflow: auto;\n  padding: 40px 20px 0 20px;\n}"}