{"html":"<div style=\"text-align:{{align}};\" id=\"{{uc_id}}\">  \n<a href=\"mailto:{{email|raw}}\">\n  <span>\n  <i class=\"{{icon}}\"> <\/i>\n  <\/span>  \n<\/a>\n<\/div>","css":"#{{uc_id}}\n{\n width:100%;\n}\n#{{uc_id}} a\n{\n  display:inline-block;\n  transition:0.5s;\n  text-decoration:none;\n}\n\n#{{uc_id}} a:hover\n{\n  transform:scale(1.1,1.1);\n}\n\n#{{uc_id}} a span\n{\n  display:inline-block;\n  height:{{size}}px;\n  width:{{size}}px;\n  background-color:{{bg}};\n  border-radius:{{size}}px;\n   align-items: center;\n    justify-content: center;\n    flex-direction: column; \n   display:flex;\n  border:{{brdr_width}}px solid {{brdr_clr}};\n  position:relative;\n}\n\n#{{uc_id}} i\n{\n  font-size:{{icon_size}}px;\n  color:{{icon_color}};\n  vertical-align:middle;\n}\n\n{% if enable_ripple == \"true\" %}\n#{{uc_id}} a span:before\n{\n  content: '';\n    display: inline-block;\n    position: absolute;\n    top: -2px;\n    left: -2px;\n    bottom: -2px;\n    right: -2px;\n    border-radius: inherit;\n    border: 1px solid {{ripple_color}};\n    -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;\n    animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;\n    border-color: {{ripple_color}};\n}\n\n@keyframes btnIconRipple {\n  0% {\n    border-width: 4px;\n            transform: scale(1);\n  }\n  80% {\n    border-width: 1px;\n            transform: scale(1.35);\n  }\n  100% {\n    opacity: 0;\n  }\n}\n{% endif %}"}