{
	"data": {
		"_customHTML": "<section class=\"mbr-section content8\" data-bg-video=\"{{bg.type == 'video'&amp;&amp;bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">&gt;\n\n    <mbr-parameters>\n    <!-- Block parameters controls (Blue \"Gear\" panel) -->\n        <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"8\">\n        <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"8\">\n                       \n                      \n         <header>Bouton</header>\n          <input type=\"range\" inline=\"\" title=\"Bouton Size\" name=\"buttonsize\" min=\"150\" max=\"500\" step=\"1\" value=\"212\">\n             <input type=\"range\" inline=\"\" title=\"Pulse Size\" name=\"pulsesize\" min=\"20\" max=\"100\" step=\"1\" value=\"100\">\n         <input type=\"color\" title=\"Pulse Color\" name=\"pulsecolor\" value=\"#ff7f9f\">\n          <input type=\"color\" title=\"Bg Color\" name=\"fondcolor\" value=\"#ffffff\">\n  <input type=\"image\" title=\"Image\" name=\"imagetest\" value=\"https://www.unsitepourtous.be/mobi/zen2cool.png\">\n  <input type=\"range\" inline=\"\" title=\"Size\" name=\"imagesize\" min=\"0\" max=\"100\" step=\"1\" value=\"6\">\n  <input type=\"text\" title=\"Link\" name=\"buttonlink\" value=\"https://www.google.com/\">\n          <select title=\"Target\" name=\"targetlink\">\n            <option value=\"_self\">Frame</option>\n            <option value=\"_blank\">Tab</option>\n\n</select>\n\n <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax=\"\">\n            <input type=\"image\" title=\"Background Image\" value=\"https://www.unsitepourtous.be/mobi/lionaf.jpg\">\n            <input type=\"color\" title=\"Background Color\" value=\"#cc2952\" selected=\"\">\n            <input type=\"video\" title=\"Background Video\" value=\"http://www.youtube.com/watch?v=uNCr7NdOJgw\">\n      </fieldset>\n        \n         <input type=\"color\" title=\"Color 2\" name=\"color2\" value=\"#232323\" condition=\"bg.type == 'color'\">\n         <input type=\"range\" name=\"angle\" title=\"Angle\" min=\"0\" max=\"270\" value=\"0\" step=\"1\" condition=\"bg.type == 'color'\">\n\t\t <input type=\"checkbox\" title=\"Background Transparent\" name=\"transp\" condition=\"bg.type == 'color'\">\n\t\t\n\t\t\n\t\t        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay &amp;&amp; bg.type !== 'color'\">\n        <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.3\" condition=\"overlay &amp;&amp; bg.type !== 'color'\">\n\n    <!-- End block parameters -->\n    </mbr-parameters>\n          <div class=\"mbr-overlay\" mbr-if=\"overlay&amp;&amp;bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\">\n    </div>\n    <div class=\"container\">\n        <div class=\"media-container-row align-center\">\n\n\n<a href=\"{{buttonlink}}\" target=\"{{targetlink}}\"><div class=\"pulsingButton\"></div></a>\n\n            \n\n            \n        </div>\n    </div></section>",
    "_styles": 
{
"padding-top": "(@paddingTop * 15px)",
    "padding-top": "(@paddingTop * 15px)",
    "padding-bottom": "(@paddingBottom * 15px)",
    "& when (@bg-type = 'color')": {
      "& when not (@transp)": {
        "background": "linear-gradient(@angle * 1deg, @bg-value, @color2)"
      },
      "& when (@transp)": {
        "background": "transparent"
      }
    },
    "& when (@bg-type = 'image')": {
      "background-image": "url(@bg-value)"
    },
    ".pulsingButton": {
      "position": "relative",
      "width": "(@buttonsize * 1px)",
      "height": "(@buttonsize * 1px)",
      "border": "none",
      "box-shadow": "0 0 0 0 @pulsecolor",
      "border-radius": "50%",
      "background-color": "@fondcolor",
      "background-image": "url(@imagetest)",
      "background-size": "(@imagesize * 10%), cover",
      "background-position": "center",
      "background-repeat": "no-repeat",
      "cursor": "pointer",
      "-webkit-animation": "pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1)",
      "-moz-animation": "pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1)",
      "-ms-animation": "pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1)",
      "animation": "pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1)"
    },
    "@-webkit-keyframes pulse": {
      "to": {
        "box-shadow": "0 0 0 (@pulsesize * 1px) rgba(232, 76, 61, 0)"
      }
    },
    "@-moz-keyframes pulse": {
      "to": {
        "box-shadow": "0 0 0 (@pulsesize * 1px) rgba(232, 76, 61, 0)"
      }
    },
    "@-ms-keyframes pulse": {
      "to": {
        "box-shadow": "0 0 0 (@pulsesize * 1px) rgba(232, 76, 61, 0)"
      }
    },
    "@keyframes pulse": {
      "to": {
        "box-shadow": "0 0 0 (@pulsesize * 1px) rgba(232, 76, 61, 0)"
      }
    }
}
    }
	}