{"version":3,"file":"ButtonLinks.BAa4IdCi.mjs","names":["__esmMin","init_jsx_runtime","c","init_framer_DcxuU94H","addPropertyControls","ControlType","ButtonLinks","props","sel","marker","css","fill","textColor","fontFamily","hoverFill","style","init_ButtonLinks"],"sources":["https:/framerusercontent.com/modules/qMtWXGNh518ep6R0ommj/kUq4sMz8qYSHicUnpAVb/ButtonLinks.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Styles any link whose address ends in the marker (default \"#button\")\n * as a button. Use it in CMS formatted text: link to\n * https://example.com/page#button and it renders as a button.\n * Renders nothing visible.\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n */export default function ButtonLinks(props){const{marker=\"#button\",fill=\"#162E57\",hoverFill=\"#0F2140\",textColor=\"#FEFCF9\",fontFamily='\"Season Sans\", system-ui, sans-serif',style}=props;const sel=`a[href$=\"${marker}\"]`;const css=`\n${sel} { display: inline-block !important; background: ${fill} !important; color: ${textColor} !important; -webkit-text-fill-color: ${textColor} !important; text-decoration: none !important; font-family: ${fontFamily} !important; font-weight: 600 !important; font-size: 15px !important; line-height: 1.2 !important; padding: 13px 22px !important; border-radius: 6px !important; margin: 6px 0 !important; transition: background 0.15s ease; }\n${sel}:hover { background: ${hoverFill} !important; }\n${sel} * { color: inherit !important; -webkit-text-fill-color: inherit !important; text-decoration: none !important; }`;return /*#__PURE__*/_jsx(\"div\",{style:{...style,height:0,overflow:\"hidden\"},children:/*#__PURE__*/_jsx(\"style\",{children:css})});}addPropertyControls(ButtonLinks,{marker:{type:ControlType.String,title:\"Marker\",defaultValue:\"#button\"},fill:{type:ControlType.Color,title:\"Fill\",defaultValue:\"#162E57\"},hoverFill:{type:ControlType.Color,title:\"Hover\",defaultValue:\"#0F2140\"},textColor:{type:ControlType.Color,title:\"Text\",defaultValue:\"#FEFCF9\"},fontFamily:{type:ControlType.String,title:\"Font\",defaultValue:'\"Season Sans\", system-ui, sans-serif'}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ButtonLinks\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ButtonLinks.map"],"mappings":"A,4JAQG,SAAwBM,EAAY,EAAM,CAAC,GAAK,CAAC,SAAO,UAAU,OAAK,UAAU,YAAU,UAAU,YAAU,UAAU,aAAW,uCAAuC,SAAOC,EAAYC,EAAI,YAAYC,EAAO,IAAUC,EAAI;EACpOF,EAAI,mDAAmDG,EAAK,sBAAsBC,EAAU,wCAAwCA,EAAU,8DAA8DC,EAAW;EACvNL,EAAI,uBAAuBM,EAAU;EACrCN,EAAI,kHAAkH,MAAoB,gBAAK,MAAM,CAAC,MAAM,CAAC,GAAGO,EAAM,OAAO,EAAE,SAAS,QAAQ,EAAE,SAAsB,gBAAK,QAAQ,CAAC,SAASL,CAAG,CAAC,CAAC,CAAC,CAAE,C,sCAACN,EAAoBE,EAAY,CAAC,OAAO,CAAC,KAAKD,EAAY,OAAO,MAAM,SAAS,aAAa,SAAS,EAAE,KAAK,CAAC,KAAKA,EAAY,MAAM,MAAM,OAAO,aAAa,SAAS,EAAE,UAAU,CAAC,KAAKA,EAAY,MAAM,MAAM,QAAQ,aAAa,SAAS,EAAE,UAAU,CAAC,KAAKA,EAAY,MAAM,MAAM,OAAO,aAAa,SAAS,EAAE,WAAW,CAAC,KAAKA,EAAY,OAAO,MAAM,OAAO,aAAa,sCAAsC,CAAC,CAAC,C"}