(function(){
  window.BridgeBlocksCustomElements = window.BridgeBlocksCustomElements || [];
  window.BridgeBlocksCustomElements.push(function(ctx){
    const { bm, addOnce, css } = ctx;
    addOnce(bm, 'cust-button', { id:'cust-button', label:'🔘 Button',
      content:`<div style="${css({'text-align':'center',margin:'0 0 16px'})}">
        <a href="#" style="${css({display:'inline-block','background-color':'#0ea5e9',color:'#fff','text-decoration':'none',padding:'10px 18px','border-radius':'6px','font-family':'Arial,sans-serif','font-size':'14px'})}">Call To Action</a></div>`
    });
  });
})();