{"html":"<div class=\"uc_stylish_social_buttons\" id=\"{{uc_id}}\"> \n    <!--uc_container_holder--> \n    <div class=\"uc_social-buttons\">\n    \t{{put_items()}}\n    <\/div>\n<\/div>","html_item":"<a href=\"{{item.link}}\" class=\"uc_social-button facebook\" style=\"background:{{item.background_color}};\" {{item.link_html_attributes|raw}}><i class=\"{{item.icon}}\"><\/i><\/a>","css":".uc_stylish_social_buttons .uc_social-button .fa {\n    color: {{color}};\n}\n.uc_stylish_social_buttons .uc_social-button::before {\n    background-color: {{color}};\n}\\\n\n.uc_stylish_social_buttons *{\n\tmargin:0;\n\tpadding:0;\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box;\n}\n\n.uc_stylish_social_buttons{\n\tposition:relative;\n\twidth:100%;\n\ttext-align: center;\n}\n\n.uc_stylish_social_buttons .uc_social-button {\n    background-color: #fff;\n    border-radius: 28%;\n    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);\n    display: inline-block;\n    height: 90px;\n    line-height: 90px;\n    margin: 0 10px;\n    opacity: 0.99;\n    overflow: hidden;\n    position: relative;\n    text-align: center;\n    transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59) 0s;\n    width: 90px;\n}\n.uc_stylish_social_buttons .uc_social-button::before {\n    content: \"\";\n    height: 120%;\n    left: -110%;\n    position: absolute;\n    top: 90%;\n    transform: rotate(45deg);\n    transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59) 0s;\n    width: 120%;\n}\n.uc_stylish_social_buttons .uc_social-button i {\n    font-size: 38px;\n    transform: scale(0.8);\n    transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59) 0s;\n    vertical-align: middle;\n}\n\n.uc_stylish_social_buttons .uc_social-button:focus::before, \n.uc_stylish_social_buttons .uc_social-button:hover::before {\n    left: -10%;\n    top: -10%;\n}\n\n\n.uc_stylish_social_buttons .uc_social-button:hover i {\n\tcolor:{{icon_hover_color}};\n}"}