{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/832YtUKy83Th5uLJEMJa/Q3iOCjoV0Zj5c1h02r6M/Button_Now.js"],
  "sourcesContent": ["/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";export default function CustomButton({text=\"Stake\"}){return /*#__PURE__*/_jsx(\"div\",{style:containerStyle,children:/*#__PURE__*/_jsxs(\"div\",{className:\"button-container3\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"glow-effect\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"dark-overlay\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"triangle-glow triangle-1\"}),/*#__PURE__*/_jsx(\"div\",{className:\"triangle-glow triangle-2\"}),/*#__PURE__*/_jsx(\"div\",{className:\"triangle-glow triangle-3\"}),/*#__PURE__*/_jsx(\"div\",{className:\"blur-overlay\"})]}),/*#__PURE__*/_jsx(\"span\",{className:\"button-content\",children:/*#__PURE__*/_jsx(\"span\",{className:\"button-text\",children:text})}),/*#__PURE__*/_jsx(\"style\",{children:`\n          .button-container3 {\n            position: relative;\n            width: 170px;\n            height: 40px;\n            border-radius: 6px;\n            overflow: hidden; /* Changed from hidden to allow glow to show */\n            transition: all 0.3s;\n            background: linear-gradient(172deg, rgba(94, 94, 94, .7) 25.7%, rgba(34, 34, 36, .7) 59.2%);\n            box-shadow: 0px -2px 7px 0px hsla(220, 3%, 46%, .25), 0px 2px 5px 0px rgba(0, 0, 0, .9);\n            -webkit-mask-image: -webkit-radial-gradient(white, black); /* iOS fix */\n            transform: translateZ(0); /* iOS fix */\n          }\n\n          .button-content {\n            display: flex;\n            height: 100%;\n            width: 100%;\n            align-items: center;\n            justify-content: center;\n            padding: 0 24px;\n            position: relative;\n            z-index: 2;  /* Above dark overlay */\n          }\n\n          /* Text styles */\n          .button-text {\n            position: relative;\n            z-index: 2;\n            font-family: 'PP Object Sans Regular', sans-serif;\n            font-size: 14px;\n            letter-spacing: -0.3px;\n            color: white;\n            line-height: normal;\n          }\n\n          /* Border glow effect */\n          .glow-effect {\n            position: absolute;\n            inset: 0;  /* Changed from -50% to 0 */\n            opacity: 0.5;\n            transition: all 0.3s;\n            border-radius: 6px;  /* Added to match container */\n            background: linear-gradient(\n              90deg, \n              transparent 0%, \n              rgb(84, 238, 231) 25%,\n              rgb(25, 0, 255) 80%,\n              transparent 100%\n            );\n            background-size: 200% 100%;\n            filter: blur(5px) brightness(1.5);\n            animation: glowing 7s linear infinite;\n            z-index: 0;  /* Ensure it's behind content */\n          }\n\n          /* Triangle glow base styles */\n          .triangle-glow {\n            position: absolute;\n            width: 40px;  /* Increased from 20px */\n            height: 80px; /* Increased from 20px */\n            opacity: 0.5;\n            filter: blur(15px) brightness(2);  /* Increased blur */\n            mix-blend-mode: screen;\n            transform-origin: center;\n          }\n\n          /* Blur overlay */\n          .blur-overlay {\n            position: absolute;\n            inset: -20px;\n            backdrop-filter: blur(10px);\n            -webkit-backdrop-filter: blur(10px);\n            z-index: 2;\n            pointer-events: none;\n            background: rgba(18, 18, 18, 0.1);\n          }\n\n          /* Individual triangle styles and animations */\n          .triangle-1 {\n            top: 10%;\n            left: 20%;\n            background: rgb(84, 238, 231);\n            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n            animation: float1 8s infinite ease-in-out;\n            filter: blur(5px);\n          }\n\n          .triangle-2 {\n            bottom: 20%;\n            right: 15%;\n            background: rgb(0, 168, 104);\n            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n            animation: float2 12s infinite ease-in-out;\n          }\n\n          .triangle-3 {\n            top: 50%;\n            left: 50%;\n            background: rgb(25, 0, 255);\n            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n            animation: float3 10s infinite ease-in-out;\n          }\n\n          /* Floating animations for triangles */\n          @keyframes float1 {\n            0%, 100% { transform: translate(0, 0) rotate(0deg); }\n            25% { transform: translate(5px, 5px) rotate(45deg); }\n            50% { transform: translate(-5px, 10px) rotate(90deg); }\n            75% { transform: translate(-10px, -5px) rotate(45deg); }\n          }\n\n          @keyframes float2 {\n            0%, 100% { transform: translate(0, 0) rotate(180deg); }\n            25% { transform: translate(-8px, -8px) rotate(225deg); }\n            50% { transform: translate(8px, -4px) rotate(180deg); }\n            75% { transform: translate(4px, 8px) rotate(135deg); }\n          }\n\n          @keyframes float3 {\n            0%, 100% { transform: translate(0, 0) rotate(90deg); }\n            25% { transform: translate(10px, -10px) rotate(135deg); }\n            50% { transform: translate(-5px, 5px) rotate(90deg); }\n            75% { transform: translate(-10px, 10px) rotate(45deg); }\n          }\n\n          .dark-overlay {\n            background-color: #121212;\n            position: absolute;\n            inset: 1px;\n            border-radius: 5px;\n            overflow: hidden;\n            z-index: 1;  /* Above glow effect */\n            -webkit-mask-image: -webkit-radial-gradient(white, black); /* iOS fix */\n            transform: translateZ(0); /* iOS fix */\n          }\n\n          /* Hover effects */\n          .button-container:hover .glow-effect {\n            opacity: 0.7;\n            filter: blur(5px) brightness(2);\n          }\n\n          .button-container:hover .glow-effect {\n            opacity: 0.7;\n            filter: blur(5px) brightness(2);\n          }\n        `})]})});}// Framer container styles\nconst containerStyle={height:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",overflow:\"hidden\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CustomButton\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Button_Now.map"],
  "mappings": "yFAAAA,IAG2E,SAARC,EAA8B,CAAC,KAAAC,EAAK,OAAO,EAAE,CAAC,OAAoBC,EAAK,MAAM,CAAC,MAAMC,EAAe,SAAsBC,EAAM,MAAM,CAAC,UAAU,oBAAoB,SAAS,CAAcF,EAAK,MAAM,CAAC,UAAU,aAAa,CAAC,EAAeE,EAAM,MAAM,CAAC,UAAU,eAAe,SAAS,CAAcF,EAAK,MAAM,CAAC,UAAU,0BAA0B,CAAC,EAAeA,EAAK,MAAM,CAAC,UAAU,0BAA0B,CAAC,EAAeA,EAAK,MAAM,CAAC,UAAU,0BAA0B,CAAC,EAAeA,EAAK,MAAM,CAAC,UAAU,cAAc,CAAC,CAAC,CAAC,CAAC,EAAeA,EAAK,OAAO,CAAC,UAAU,iBAAiB,SAAsBA,EAAK,OAAO,CAAC,UAAU,cAAc,SAASD,CAAI,CAAC,CAAC,CAAC,EAAeC,EAAK,QAAQ,CAAC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAmJrvB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CACjB,IAAMC,EAAe,CAAC,OAAO,OAAO,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,SAAS,QAAQ",
  "names": ["init_ssg_sandbox_shims", "CustomButton", "text", "p", "containerStyle", "u"]
}