.elementor-2831 .elementor-element.elementor-element-bb14caf{--display:flex;}.elementor-2831 .elementor-element.elementor-element-fa9f878{width:var( --container-widget-width, 20em );max-width:20em;--container-widget-width:20em;--container-widget-flex-grow:0;}.elementor-2831 .elementor-element.elementor-element-fa9f878.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-2831 .elementor-element.elementor-element-b337eb9{--display:flex;}.elementor-2831 .elementor-element.elementor-element-fd16a80 .elementor-button{background-color:#61CE70;font-size:18px;font-weight:600;fill:#000000;color:#000000;padding:15px 40px 15px 40px;}.elementor-2831 .elementor-element.elementor-element-fd16a80{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2831 .elementor-element.elementor-element-fd16a80.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-d25eccc{--display:flex;}.elementor-2831 .elementor-element.elementor-element-21d66b8{width:var( --container-widget-width, 20em );max-width:20em;--container-widget-width:20em;--container-widget-flex-grow:0;}.elementor-2831 .elementor-element.elementor-element-21d66b8.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-2831 .elementor-element.elementor-element-76adc71{--display:flex;--min-height:616px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2831 .elementor-element.elementor-element-1fb4696{width:initial;max-width:initial;}.elementor-2831 .elementor-element.elementor-element-1fb4696.elementor-element{--order:99999 /* order end hack */;}.elementor-2831 .elementor-element.elementor-element-162e959{--display:flex;}.elementor-2831 .elementor-element.elementor-element-26e1f1e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2831 .elementor-element.elementor-element-8f9e197 .elementor-button{font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#000000;color:#000000;}.elementor-2831 .elementor-element.elementor-element-f78c96b{padding:0px 0px 0px 0px;}.elementor-2831 .elementor-element.elementor-element-fa91530{--display:flex;}.elementor-2831 .elementor-element.elementor-element-774c540 .elementor-button{background-color:#42112A;font-family:"Unbounded", Sans-serif;font-size:1rem;font-weight:400;line-height:120%;fill:#FFFFFF;color:#FFFFFF;padding:1.5rem 3.75rem 1.5rem 3.75rem;}.elementor-2831 .elementor-element.elementor-element-774c540.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-774c540 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2831 .elementor-element.elementor-element-774c540 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-2831 .elementor-element.elementor-element-ebf216c{--display:flex;}.elementor-2831 .elementor-element.elementor-element-459676e .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;fill:#7F95B0;color:#7F95B0;border-radius:0px 0px 0px 0px;padding:15px 35px 15px 35px;}.elementor-2831 .elementor-element.elementor-element-459676e.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-459676e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2831 .elementor-element.elementor-element-459676e .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-2831 .elementor-element.elementor-element-1c0f2e9{--display:flex;}.elementor-2831 .elementor-element.elementor-element-b7b20f0 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:18px 60px 18px 60px;}.elementor-2831 .elementor-element.elementor-element-b7b20f0{padding:0px 0px 0px 0px;}.elementor-2831 .elementor-element.elementor-element-b7b20f0.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-66b87bf{--display:flex;}.elementor-2831 .elementor-element.elementor-element-ac39e3c .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:15em;fill:#000000;color:#000000;border-radius:100px 100px 100px 100px;padding:20px 60px 20px 60px;}.elementor-2831 .elementor-element.elementor-element-ac39e3c.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-418a118{--display:flex;}.elementor-2831 .elementor-element.elementor-element-0dbd311 .elementor-button{background-color:#B2FE02;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#080700;color:#080700;border-radius:5px 5px 5px 5px;padding:20px 40px 20px 40px;}.elementor-2831 .elementor-element.elementor-element-0dbd311{width:var( --container-widget-width, 562px );max-width:562px;--container-widget-width:562px;--container-widget-flex-grow:0;}.elementor-2831 .elementor-element.elementor-element-0dbd311.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-27bab3d{--display:flex;}.elementor-2831 .elementor-element.elementor-element-22b6880 .elementor-button{background-color:#B2FE02;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;border-radius:5px 5px 5px 5px;padding:20px 50px 20px 50px;}.elementor-2831 .elementor-element.elementor-element-22b6880.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-7e856ab{--display:flex;}.elementor-2831 .elementor-element.elementor-element-bbedb83 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:15px 45px 15px 45px;}.elementor-2831 .elementor-element.elementor-element-bbedb83.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-82254a3{--display:flex;}.elementor-2831 .elementor-element.elementor-element-aa1cc79 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:15px 45px 15px 45px;}.elementor-2831 .elementor-element.elementor-element-aa1cc79.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-1248a0b{--display:flex;}.elementor-2831 .elementor-element.elementor-element-3e27352.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-3e27352 .elementor-button{font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;padding:15px 45px 15px 045px;}.elementor-2831 .elementor-element.elementor-element-231fc54{--display:flex;}.elementor-2831 .elementor-element.elementor-element-775dc0a .elementor-button{background-color:#00000000;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:0px 0px 0px 0px;padding:15px 40px 15px 40px;}.elementor-2831 .elementor-element.elementor-element-775dc0a.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-775dc0a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2831 .elementor-element.elementor-element-775dc0a .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2831 .elementor-element.elementor-element-1a5f9cd{--display:flex;}.elementor-2831 .elementor-element.elementor-element-5f72d7d .elementor-button{background-color:#000000;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:0px 0px 0px 0px;padding:15px 45px 15px 45px;}.elementor-2831 .elementor-element.elementor-element-5f72d7d.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-97ad66c{--display:flex;}.elementor-2831 .elementor-element.elementor-element-3a065b8.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-b3bf85c{--display:flex;}.elementor-2831 .elementor-element.elementor-element-6904f96.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-e0c62dc{--display:flex;}.elementor-2831 .elementor-element.elementor-element-7e0ba35 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:18px;font-weight:500;line-height:1.4em;border-style:none;border-radius:100px 100px 100px 100px;padding:15px 70px 15px 70px;}.elementor-2831 .elementor-element.elementor-element-7e0ba35.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-a84a69c{--display:flex;}.elementor-2831 .elementor-element.elementor-element-13a143f .elementor-button{background-color:#1955ED;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:100px 100px 100px 100px;padding:24px 48px 24px 48px;}.elementor-2831 .elementor-element.elementor-element-13a143f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 0px 8px 0px;}.elementor-2831 .elementor-element.elementor-element-13a143f.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-13a143f .elementor-button-content-wrapper{flex-direction:row;}.elementor-2831 .elementor-element.elementor-element-cef5026{--display:flex;}.elementor-2831 .elementor-element.elementor-element-45373c2 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:18px;font-weight:500;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2831 .elementor-element.elementor-element-45373c2.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-6114277{--display:flex;}.elementor-2831 .elementor-element.elementor-element-c046d1f .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:500;fill:#131313;color:#131313;border-radius:100px 100px 100px 100px;padding:20px 70px 20px 70px;}.elementor-2831 .elementor-element.elementor-element-c046d1f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;padding:0px 0px 0px 0px;}.elementor-2831 .elementor-element.elementor-element-76919bd{--display:flex;}.elementor-2831 .elementor-element.elementor-element-1d8465f .elementor-button{background-color:#B2FE02;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:500;fill:#131313;color:#131313;padding:20px 70px 20px 70px;}.elementor-2831 .elementor-element.elementor-element-e7a11ad{--display:flex;}.elementor-2831 .elementor-element.elementor-element-36e870f{--display:flex;}.elementor-2831 .elementor-element.elementor-element-8e422b7 .elementor-button{background-color:#00FF5500;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:20px 60px 20px 60px;}.elementor-2831 .elementor-element.elementor-element-8e422b7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:13;}.elementor-2831 .elementor-element.elementor-element-8e422b7.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-2831 .elementor-element.elementor-element-8e422b7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2831 .elementor-element.elementor-element-621c8e5{--display:flex;}.elementor-2831 .elementor-element.elementor-element-e936b4e .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:15em;fill:#000000;color:#000000;border-radius:100px 100px 100px 100px;padding:20px 60px 20px 60px;}.elementor-2831 .elementor-element.elementor-element-e936b4e.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-809e412{--display:flex;}.elementor-2831 .elementor-element.elementor-element-e8ae37a .elementor-button{background-color:#1955ED;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:500;fill:#000000;color:#000000;border-radius:5px 5px 5px 5px;padding:24px 48px 24px 48px;}.elementor-2831 .elementor-element.elementor-element-e8ae37a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 0px 8px 0px;}.elementor-2831 .elementor-element.elementor-element-e8ae37a.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-38ddf6d{--display:flex;}.elementor-2831 .elementor-element.elementor-element-41394ee .elementor-button{background-color:#B2FE0200;font-family:"Syne", Sans-serif;font-size:20px;font-weight:500;line-height:1.4em;padding:20px 40px 20px 40px;}.elementor-2831 .elementor-element.elementor-element-41394ee.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-41394ee .elementor-button-content-wrapper{flex-direction:row;}.elementor-2831 .elementor-element.elementor-element-41394ee .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-2831 .elementor-element.elementor-element-16f94cb{--display:flex;}.elementor-2831 .elementor-element.elementor-element-9f20d56 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:20px;font-weight:400;line-height:1.4em;padding:20px 60px 20px 070px;}.elementor-2831 .elementor-element.elementor-element-9f20d56.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-ed55549{--display:flex;}.elementor-2831 .elementor-element.elementor-element-b635af6 .elementor-button{background-color:#B2FE0200;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:1.4em;letter-spacing:0.1px;fill:#FFFFFF;color:#FFFFFF;padding:20px 40px 20px 40px;}.elementor-2831 .elementor-element.elementor-element-b635af6.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-b635af6{z-index:2;}.elementor-2831 .elementor-element.elementor-element-b635af6 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2831 .elementor-element.elementor-element-b635af6 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-2831 .elementor-element.elementor-element-f21eff1{--display:flex;}.elementor-2831 .elementor-element.elementor-element-02e9749 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:18px;font-weight:500;line-height:1.4em;fill:#000000;color:#000000;border-radius:0px 0px 0px 0px;padding:10px 30px 10px 30px;}.elementor-2831 .elementor-element.elementor-element-02e9749.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-11fc295{--display:flex;}.elementor-2831 .elementor-element.elementor-element-6c34d5e{padding:12px 40px 12px 40px;}.elementor-2831 .elementor-element.elementor-element-6c34d5e.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-6c34d5e .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:18px;font-weight:700;line-height:46px;color:#FFFFFF;}.elementor-2831 .elementor-element.elementor-element-d633946{--display:flex;}.elementor-2831 .elementor-element.elementor-element-4f0591f .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:18px;font-weight:500;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:15px 30px 015px 30px;}@media(min-width:2400px){.elementor-2831 .elementor-element.elementor-element-e8ae37a .elementor-button{border-radius:5px 5px 5px 5px;}}@media(max-width:1366px){.elementor-2831 .elementor-element.elementor-element-8f9e197 .elementor-button{font-size:16px;}.elementor-2831 .elementor-element.elementor-element-0dbd311 .elementor-button{font-size:16px;}.elementor-2831 .elementor-element.elementor-element-22b6880 .elementor-button{font-size:16px;}.elementor-2831 .elementor-element.elementor-element-3e27352 .elementor-button{font-size:16px;}.elementor-2831 .elementor-element.elementor-element-775dc0a .elementor-button{font-size:16px;}.elementor-2831 .elementor-element.elementor-element-5f72d7d .elementor-button{font-size:16px;}.elementor-2831 .elementor-element.elementor-element-7e0ba35 .elementor-button{font-size:16px;}.elementor-2831 .elementor-element.elementor-element-45373c2 .elementor-button{font-size:16px;}.elementor-2831 .elementor-element.elementor-element-8e422b7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2831 .elementor-element.elementor-element-41394ee .elementor-button{font-size:18px;}.elementor-2831 .elementor-element.elementor-element-9f20d56 .elementor-button{font-size:16px;}.elementor-2831 .elementor-element.elementor-element-b635af6 .elementor-button{font-size:16px;}.elementor-2831 .elementor-element.elementor-element-02e9749 .elementor-button{font-size:16px;}.elementor-2831 .elementor-element.elementor-element-6c34d5e{padding:15px 40px 15px 40px;}.elementor-2831 .elementor-element.elementor-element-6c34d5e .elementor-heading-title{font-size:20px;line-height:1.5em;}.elementor-2831 .elementor-element.elementor-element-4f0591f .elementor-button{font-size:16px;}}@media(max-width:1024px){.elementor-2831 .elementor-element.elementor-element-c046d1f.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-c046d1f .elementor-button{font-size:0.9em;}.elementor-2831 .elementor-element.elementor-element-1d8465f.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-1d8465f .elementor-button{font-size:0.9em;}.elementor-2831 .elementor-element.elementor-element-8e422b7 .elementor-button{padding:16px 48px 16px 48px;}.elementor-2831 .elementor-element.elementor-element-6c34d5e{text-align:center;}.elementor-2831 .elementor-element.elementor-element-6c34d5e .elementor-heading-title{font-size:20px;line-height:1.5em;}}@media(max-width:767px){.elementor-2831 .elementor-element.elementor-element-1fb4696{--container-widget-width:199%;--container-widget-flex-grow:0;width:var( --container-widget-width, 199% );max-width:199%;}.elementor-2831 .elementor-element.elementor-element-8f9e197 .elementor-button{font-size:14px;}.elementor-2831 .elementor-element.elementor-element-774c540.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-774c540 .elementor-button{line-height:120%;padding:1.5rem 2rem 1.5rem 2rem;}.elementor-2831 .elementor-element.elementor-element-0dbd311 .elementor-button{font-size:14px;padding:20px 31px 20px 31px;}.elementor-2831 .elementor-element.elementor-element-22b6880 .elementor-button{font-size:14px;}.elementor-2831 .elementor-element.elementor-element-3e27352 .elementor-button{font-size:18px;}.elementor-2831 .elementor-element.elementor-element-775dc0a .elementor-button{font-size:14px;}.elementor-2831 .elementor-element.elementor-element-5f72d7d .elementor-button{font-size:14px;}.elementor-2831 .elementor-element.elementor-element-7e0ba35 .elementor-button{font-size:14px;}.elementor-2831 .elementor-element.elementor-element-13a143f .elementor-button{padding:16px 24px 16px 24px;}.elementor-2831 .elementor-element.elementor-element-45373c2 .elementor-button{font-size:18px;}.elementor-2831 .elementor-element.elementor-element-c046d1f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2831 .elementor-element.elementor-element-c046d1f .elementor-button{font-size:0.9em;}.elementor-2831 .elementor-element.elementor-element-1d8465f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2831 .elementor-element.elementor-element-1d8465f .elementor-button{font-size:0.9em;}.elementor-2831 .elementor-element.elementor-element-8e422b7{width:var( --container-widget-width, 335.484% );max-width:335.484%;--container-widget-width:335.484%;--container-widget-flex-grow:0;}.elementor-2831 .elementor-element.elementor-element-8e422b7 .elementor-button{font-size:14px;border-radius:5px 5px 5px 5px;padding:10px 10px 10px 10px;}.elementor-2831 .elementor-element.elementor-element-e8ae37a .elementor-button{padding:16px 24px 16px 24px;}.elementor-2831 .elementor-element.elementor-element-41394ee .elementor-button{font-size:18px;}.elementor-2831 .elementor-element.elementor-element-9f20d56 .elementor-button{font-size:18px;}.elementor-2831 .elementor-element.elementor-element-b635af6 .elementor-button{font-size:3vw;}.elementor-2831 .elementor-element.elementor-element-02e9749 .elementor-button{font-size:18px;}.elementor-2831 .elementor-element.elementor-element-6c34d5e{padding:15px 40px 15px 40px;}.elementor-2831 .elementor-element.elementor-element-6c34d5e .elementor-heading-title{font-size:20px;line-height:1.5em;}.elementor-2831 .elementor-element.elementor-element-4f0591f.elementor-element{--align-self:center;}.elementor-2831 .elementor-element.elementor-element-4f0591f .elementor-button{font-size:18px;}}/* Start custom CSS for button, class: .elementor-element-fa9f878 */.elementor-2831 .elementor-element.elementor-element-fa9f878 .elementor-button {
    border-radius: 20px / 100% !important;
    box-shadow: inset 0 0 5px 5px #ffffff25, 0 5px 0 0 #2B55A1, 0 15px 10px 0 #00000050 !important;
    width: 100%;
    position: relative;
    background: rgb(61, 106, 255) !important;
    border: 1px solid rgb(61, 106, 255) !important;
    overflow: hidden;
    transition: all 0.2s ease-in;
}

.elementor-2831 .elementor-element.elementor-element-fa9f878 .elementor-button:hover {
    background: rgb(61, 106, 255) !important;
    border: none;
    transition: all 0.3s ease-out;
    transform: scale(1.05);
}

.elementor-2831 .elementor-element.elementor-element-fa9f878 .elementor-button:hover::before {
    animation: sh02 0.5s 0s linear;
}

.elementor-2831 .elementor-element.elementor-element-fa9f878 .elementor-button::before {
    content: '';
    display: block;
    width: 0;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 50px 30px #fff;
    transform: skewX(-20deg);
}

@keyframes sh02 {
    from {
        opacity: 0;
        left: 0;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        left: 100%;
    }
}

.elementor-2831 .elementor-element.elementor-element-fa9f878 .elementor-button:active {
    box-shadow: inset 0 0 5px 5px #ffffff25, 0 5px 0 0 #2B55A1, 0 10px 5px 0 #00000085 !important;
    transition: all 0.1s ease-in;
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fd16a80 */.elementor-2831 .elementor-element.elementor-element-fd16a80 .elementor-button {
    clip-path: polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%);
    background: linear-gradient(to left, #f4152f 50%, #FF0C28 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
    }
    
    .elementor-2831 .elementor-element.elementor-element-fd16a80 .elementor-button:hover {
    background-position: left bottom;
    }
    
    .elementor-2831 .elementor-element.elementor-element-fd16a80 .elementor-button{
    clip-path: polygon(0 0, 95% 0, 100% 25%, 100% 100%, 5% 100%, 0 75%);
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    }
    
    .elementor-2831 .elementor-element.elementor-element-fd16a80 .elementor-button:hover {
    background-color: #f4152f !important;
    border: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.3s ease-out;
    transform: scale(1.01);
    }
    
    .elementor-2831 .elementor-element.elementor-element-fd16a80 .elementor-button:hover::before {
    -webkit-animation: sh02 0.5s 0s linear;
    -moz-animation: sh02 0.5s 0s linear;
    animation: sh02 0.7s 0s linear;
    }
    
    .elementor-2831 .elementor-element.elementor-element-fd16a80 .elementor-button::before {
    content: '';
    display: block;
    width: 0px;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0%;
    opacity: 0;
    background: #FF0C28;
    box-shadow: 0 0 50px 30px #FF0C28;
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
    }
    
    @‌keyframes sh02 {
    from {
    opacity: 0;
    left: 0%;
    }
    
    50% {
    opacity: 1;
    }
    
    to {
    opacity: 0;
    left: 100%;
    }
    }
    
    .elementor-2831 .elementor-element.elementor-element-fd16a80 .elementor-button:active {
    box-shadow: inset 0px 0px 5px 5px #F4152F, 0px 5px 0px 0px #FF0C28, 0px 10px 5px 0px #91B500 !important;
    -webkit-transition: box-shadow 0.2s ease-in;
    -moz-transition: box-shadow 0.2s ease-in;
    transition: all 0.1s ease-in;
    transform: scale(1);
    }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-21d66b8 */.elementor-2831 .elementor-element.elementor-element-21d66b8 .elementor-button {
    border-radius: 20px / 100% !important;
    box-shadow: inset 0 0 5px 5px #ffffff25, 0 5px 5px 0 #ffffff25 !important;
    width: 100%;
    position: relative;
    background: rgb(61, 106, 255) !important;
    border: 1px solid rgb(61, 106, 255) !important;
    overflow: hidden;
    transition: all 0.2s ease-in;
}

.elementor-2831 .elementor-element.elementor-element-21d66b8 .elementor-button:hover {
    background: rgb(61, 106, 255) !important;
    border: none;
    box-shadow: inset 0 0 5px 5px #ffffff25, 0 0 30px 5px rgba(0, 142, 236, 0.815) !important;
    transition: all 0.2s ease-out;
    transform: scale(1.03);
}

.elementor-2831 .elementor-element.elementor-element-21d66b8 .elementor-button:hover::before {
    animation: sh02 0.5s 0s linear;
}

.elementor-2831 .elementor-element.elementor-element-21d66b8 .elementor-button::before {
    content: '';
    display: block;
    width: 0;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 50px 30px #fff;
    transform: skewX(-20deg);
}

@keyframes sh02 {
    from {
        opacity: 0;
        left: 0;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        left: 100%;
    }
}

.elementor-2831 .elementor-element.elementor-element-21d66b8 .elementor-button:active {
    box-shadow: inset 0 0 5px 5px #ffffff25, 0 0 0 0 transparent !important;
    transition: box-shadow 0.2s ease-in;
    transform: translate(0, 0.2em);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1fb4696 */.botao-tech {
  display: inline-flex;
  position: relative;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  padding: 20px 40px 25px 70px;
  align-items: center;
  font-family: share tech mono;
  transition: color 0.3s ease; /* transição suave */
  font-weight: bld;
  filter: hue-rotate(70deg) saturate(100%);
  transition: filter 0.3s ease;
}
.botao-tech:hover {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  filter: hue-rotate(90deg) saturate(200%);
  transition: filter 0.3s ease;
    
}

.botao-tech.btn-small {
  font-size: 14px;
  padding: 10px 20px;
}

.botao-tech.btn-large {
  font-size: 24px;
  padding: 30px 60px;
}

.botao-tech .hexagon-front {
  position: absolute;
  top: 02px;
  left: 03px;
  width: calc(100% - 13px);
  height: calc(100% - 12px);
  z-index: 2;
  border: 1px solid transparent;
  border-image-source: url('https://luanmontenegro.com/wp-content/uploads/2023/05/svgexport-1-1.svg'); /*baixe o SVG, suba no seu Wordpress e substitua a URL*/
  border-image-slice: 20 20 fill;
  border-image-width: 100px;
  transform: translateX(0) translateY(0);
  transition: all 0.3s ease;
}

.botao-tech:hover .hexagon-front {
  transform: translateX(20px) translateY(-0px);
  transition-delay: 0.2s;
}

.botao-tech .hexagon-back {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 34px);
  height: calc(100% + 34px);
  z-index: 1;
  border: 1px solid transparent;
  border-image-source: url('https://luanmontenegro.com/wp-content/uploads/2023/05/svgexport-1.svg'); /*baixe o SVG, suba no seu Wordpress e substitua a URL*/
  border-image-slice: 39 39 fill;
  border-image-width: 100px;
  transform: translateX(5px) translateY(5px);
  transition: all 0.3s ease;
}

.botao-tech:hover .hexagon-back {
  transform: translateX(0) translateY(-20px);
}

.botao-tech span {
  position: relative;
  z-index: 3;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8f9e197 */.brilho2 .elementor-button {
 background: #ffffff !important;
 border: 3px solid #fff;
 padding: 15px 60px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 100px;
 position: relative;
 transition: 2s;
}

@media(max-width: 767px){
 .brilho2 .elementor-button {
 padding: 15px 30px;
}
}

.brilho2 .elementor-button:before {
  background-image: radial-gradient(43.3% 44.23% at 50% 49.51%, #fffff7 29%, #fffacd 48.5%, #f4d2bf 60.71%, #f4d2bf00 100%);
  filter: blur(5px);
  width: 300px;
  height: 150px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(var(--button-translate-x, -10%), -50%);
  border-radius: 100%;
  transition: transform 0.8s cubic-bezier(.4, 0, .2, 1);
}

.brilho2 .elementor-button.hovering:before {
  transition: transform 0.15s ease-out !important;
}

.brilho1{
 padding: 0px !important;
 border-radius: 100px;
 outline: 4px solid #FFFFFF4F;
}

.brilho1::before {
 transition: 0.35s ease-out;
 filter: blur(12px);
 background: linear-gradient(to right, transparent 30%, #ff7037 80%, #ff4900 95%);
 width: 108%;
 height: 125%;
 left: 50%;
 top: 50%;
 content: "";
 will-change: filter;
 border-radius: 100px;
 position: absolute;
 transform: translate(-50%, -50%);
 z-index: 1;
 opacity: var(--before-opacity, 1);
}

.brilho1::after {
 transition: 0.35s ease-out;
 filter: blur(12px);
 background: linear-gradient(to left, transparent 30%, #ff7037 80%, #ff4900 95%);
 width: 108%;
 height: 125%;
 left: 50%;
 top: 50%;
 content: "";
 will-change: filter;
 border-radius: 100px;
 position: absolute;
 transform: translate(-50%, -50%);
 z-index: 1;
 opacity: var(--after-opacity, 0);
}

.brilho2 .elementor-button-text,
.brilho2 .elementor-button-icon {
 z-index: 5;
 align-self: center !important;
 vertical-align: center !important;
}

.brilho1 {
 width: fit-content;
 overflow: visible;
 z-index: 1;
 position: relative;
 padding: 0px;
}

.brilho2 {
 z-index: 5;
 overflow: hidden;
 border-radius: 100px;
 position: relative;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-774c540 *//* BOTÃO PADRÃO */
.elementor-2831 .elementor-element.elementor-element-774c540 .elementor-button {
    border-radius: 4px; /* Deixa os cantos do botão levemente arredondados */
    border: 1px solid #FF005B; /* Borda rosa choque */
    background: #FF005B30 !important; /* Fundo rosa com 30% de opacidade (bem translúcido) */
    box-shadow: 0px 17px 34px 0px rgba(255, 0, 91, 0.20); /* Sombra grande e suave ao redor do botão */

    backdrop-filter: blur(27px); /* Aplica desfoque no fundo do botão (efeito vítreo) */
    -webkit-backdrop-filter: blur(27px); /* Compatibilidade com navegadores baseados em WebKit (Safari, etc.) */

    transition: all 0.5s ease !important; /* Suaviza todas as mudanças visuais (hover, clique, etc.) */
}

/* EFEITO HOVER: Quando o mouse passa por cima do botão */
.elementor-2831 .elementor-element.elementor-element-774c540 .elementor-button:hover {
    transform: translateY(-5px); /* Faz o botão "subir" 5px, dando efeito de elevação */
    
    border-radius: 4px; /* Mantém os cantos arredondados (por segurança visual) */
    
    background: #FF005B60 !important; /* Fundo rosa mais visível (60% de opacidade) */
    box-shadow: 0px 0px 34px 0px rgba(255, 0, 91, 0.50); /* Sombra mais intensa e concentrada */

    transition: all 0.5s ease !important; /* Suaviza a transição de hover */
}

/* ÍCONE DO BOTÃO PADRÃO */
.elementor-2831 .elementor-element.elementor-element-774c540 .elementor-button-icon {
    transform-origin: center; /* Define o ponto de transformação do ícone como o centro */
    transition: all 0.5s ease !important; /* Transição suave para mudanças no ícone */
}

/* ÍCONE DO BOTÃO AO PASSAR O MOUSE */
.elementor-2831 .elementor-element.elementor-element-774c540 .elementor-button:hover .elementor-button-icon {
    transform-origin: center; /* Mantém a origem da transformação no centro */
    transition: all 0.5s ease; /* Suaviza qualquer transformação que ocorra no hover */
}

/* SVG DO ÍCONE AO PASSAR O MOUSE */
.elementor-2831 .elementor-element.elementor-element-774c540 .elementor-button:hover .elementor-button-icon svg {
    transform-origin: center; /* Origem da animação no centro do SVG */
    animation: seta 1s infinite; /* Executa a animação "seta" a cada 1s de forma infinita */
    transition: all 0.5s ease !important; /* Suaviza transformações */
}

/* ANIMAÇÃO PERSONALIZADA: "Seta" */
@keyframes seta {
    0%, 100% {
        transform: translate(0px, 0px); /* Começa e termina na posição normal */
    }
    50% {
        transform: translate(5px, 0px); /* No meio da animação, move 5px para a direita */
    }
}

/* ENVOLTÓRIO DO CONTEÚDO DO BOTÃO */
.elementor-button-content-wrapper {
    display: flex; /* Ativa flexbox para alinhar conteúdo */
    align-items: center; /* Centraliza verticalmente o ícone e o texto */
    transition: all 0.5s ease !important; /* Suaviza ajustes de layout */
}

/* BOTÃO QUANDO RECEBE FOCO (CLIQUE OU TECLADO) */
.elementor-2831 .elementor-element.elementor-element-774c540 .elementor-button:focus {
    transform: scale(0.98); /* Encolhe um pouco o botão ao ser clicado */
    transition: all 0.1s ease !important; /* Transição rápida para dar resposta visual */
    box-shadow: 
        0px 4px 54px 0px #FF005B, /* Sombra externa rosa intensa */
        0px 0px 14px 0px #FF005B inset; /* Sombra interna rosa para realce */
}

/* ESTILIZAÇÃO DO SVG DO ÍCONE */
.elementor-2831 .elementor-element.elementor-element-774c540 .elementor-button svg {
    width: 20px; /* Largura fixa do ícone */
    height: 20px; /* Altura fixa do ícone */
    filter: drop-shadow(0px 0px 24px #FF005B) !important; /* Brilho rosa ao redor do ícone */
    vertical-align: middle; /* Alinha verticalmente com o texto */
}

/* CORREÇÃO EXTRA NO CONTEÚDO DO BOTÃO */
.elementor-2831 .elementor-element.elementor-element-774c540 .elementor-button-content-wrapper {
    align-items: center; /* Garante alinhamento vertical mesmo se duplicado */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-459676e *//* ÍCONE DENTRO DO BOTÃO */
.elementor-2831 .elementor-element.elementor-element-459676e .elementor-button-icon {
    width: 24px;
    height: 24px;
    transition: 0.5s; /* Suaviza qualquer transição no ícone */
}

/* ESTILO GERAL DO BOTÃO COM NEUMORPHISMO */
.elementor-2831 .elementor-element.elementor-element-459676e {
  color: #7e97b8; /* Cor do texto inicial */
  background-color: #e0e8ef; /* Cor de fundo clara */
  
  border-style: solid; /* Tipo da borda */
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.333); /* Borda sutil e translúcida */
  
  border-radius: 40px; /* Borda arredondada (efeito pill) */
  
  /* Sombra dupla cria o efeito de volume sutil (Neumorphismo) */
  box-shadow: 
    -4px -2px 16px 0px #ffffff, /* Luz vinda do topo-esquerda */
    4px 2px 16px 0px rgb(95 157 231 / 48%); /* Sombra azulada no fundo */

  transition: color 0.2s, background-color 0.2s, box-shadow 0.2s; /* Transições suaves */

  display: inline-flex; /* Flexbox para alinhamento interno */
  align-items: center;
  justify-content: center;
}

/* EFEITO HOVER: Quando o mouse passa por cima */
.elementor-2831 .elementor-element.elementor-element-459676e:hover {
  color: #516d91; /* Texto um pouco mais escuro */
  background-color: #E5EDF5; /* Fundo mais claro */

  /* Sombra mais suave, como se estivesse “levantado” */
  box-shadow: 
    -2px -1px 8px 0px #ffffff,
    2px 1px 8px 0px rgb(95 157 231 / 48%);
}

/* ÍCONE SVG DENTRO DO BOTÃO */
.elementor-2831 .elementor-element.elementor-element-459676e .elementor-button-icon svg {
  font-size: 18px; /* Tamanho do ícone */
  margin-top: 1px; /* Ajuste vertical fino */
}

/* EFEITO DE “CLIQUE” */
.elementor-2831 .elementor-element.elementor-element-459676e:active {
  box-shadow: none; /* Remove sombra, criando efeito de botão pressionado */
}

/* AJUSTE FINO DO ÍCONE */
.elementor-2831 .elementor-element.elementor-element-459676e .elementor-button-icon {
  font-size: 18px;
  margin-top: 0.89px;
  margin-right: 5px; /* Espaço entre o ícone e o texto */
  transform: rotate(0deg); /* Estado inicial do ícone */
  transition: transform 0.4s ease-in-out; /* Anima rotação e movimento do ícone */
}

/* TEXTO DO BOTÃO */
.elementor-2831 .elementor-element.elementor-element-459676e span {
  transition: transform 0.4s ease-in-out; /* Transição suave para o texto também */
}

/* ANIMAÇÃO NO HOVER: o ícone gira e se move */
.elementor-2831 .elementor-element.elementor-element-459676e:hover .elementor-button-icon {
  transform: translateX(5px) rotate(45deg); /* Move o ícone para direita e gira 45° */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b7b20f0 *//* BOTÃO EM ESTADO PADRÃO (gradiente vermelho) */
.elementor-2831 .elementor-element.elementor-element-b7b20f0 .elementor-button {
    background: linear-gradient(90deg, #E73B3B 0%, #FE6E6E 50%, #E73B3B 100%);
    border-radius: 8px !important;
    overflow: hidden; /* Esconde conteúdo extra (importante para efeitos visuais como brilho) */
    transform: translate(0%, 0%);
    flex-grow: 1 !important;

    /* Transições suaves ao mudar de estado */
    transition: background-color 0.8s ease, box-shadow 0.8s ease, transform 0.8s ease; 
}

/* HOVER NO BOTÃO - muda a cor e ativa sombras */
.elementor-2831 .elementor-element.elementor-element-b7b20f0:hover .elementor-button {
    background: linear-gradient(90deg, #FE6E6E 0%, #FF8F8F 50%, #FE6E6E 100%);
    box-shadow: 
        0px -10px 80px 0px rgba(231, 59, 59, 0.45), 
        0px -9.855px 29.201px 0px rgba(231, 59, 59, 0.35), 
        0px -4.785px 14.177px 0px rgba(231, 59, 59, 0.12), 
        0px -2.346px 6.95px 0px rgba(231, 59, 59, 0.10), 
        0px -0.927px 2.748px 0px rgba(231, 59, 59, 0.40);
}

/* BRILHO QUE SE MOVE SOBRE O BOTÃO */
.elementor-2831 .elementor-element.elementor-element-b7b20f0 .elementor-button::before {
    content: '';
    background: linear-gradient(
        10deg,
        rgba(255, 200, 200, 0.8) 12.81%,
        rgba(255, 200, 200, 0.00) 66.66%
    );
    width: 90px;
    height: 160%;
    position: absolute;
    transform: translateX(-50%) skew(-25deg); /* Inclina e posiciona a faixa de brilho */
    bottom: 0%;
    left: -10%; /* Começa à esquerda do botão */
    user-select: none;
    pointer-events: none;
    animation: shinery 3s infinite ease-in-out;
    filter: blur(4px); /* Suaviza as bordas do brilho */
    opacity: 0; /* Começa invisível */
}

/* ANIMAÇÃO DO BRILHO */
@keyframes shinery {
    0% {
        left: -10%;
        opacity: 0;
    }
    20% {
        opacity: 0.7; /* Brilho aparece */
    }
    48% {
        left: 110%; /* Brilho atravessa o botão */
        opacity: 0.7;
    }
    51% {
        opacity: 0; /* Some após cruzar */
    }
    100% {
        left: 110%;
        opacity: 0;
    }
}

/* BORDA DECORATIVA EXTERNA */
.elementor-2831 .elementor-element.elementor-element-b7b20f0 .elementor-button::after {
    content: '';
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    border-radius: inherit; /* Mantém o arredondamento do botão */
    border: 3px solid #ADADAD40; /* Borda sutil com transparência */
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1; /* Fica atrás do botão */
    transform: translate(-50%, -50%);
    user-select: none;
    pointer-events: none;
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ac39e3c *//* BOTÃO BASE - ESTILO GERAL */
.elementor-2831 .elementor-element.elementor-element-ac39e3c .elementor-button {
    position: relative; /* Necessário para os pseudos ::before e ::after */
    display: inline-flex; /* Flexbox interno */
    align-items: center;
    justify-content: center;
    border-radius: 50px; /* Botão estilo cápsula */
    border: none;
    cursor: pointer;
    overflow: hidden; /* Esconde brilho/efeitos fora da borda */
    text-decoration: none;
    -webkit-tap-highlight-color: transparent; /* Remove flash azul no clique em mobile */

    /* SOMBRA MULTICAMADA LIME NEON */
    box-shadow: 
        0 -3px 0 0 #8aa349 inset, /* Borda interna verde escura */
        0 323px 90px 0 rgba(178, 254, 2, .01),
        0 207px 83px 0 rgba(178, 254, 2, .07),
        0 116px 70px 0 rgba(178, 254, 2, .15),
        0 52px 52px 0 rgba(178, 254, 2, .25),
        0 13px 28px 0 rgba(178, 254, 2, .35);

    /* SUAVIZA a animação do clique e da sombra */
    transition: transform 0.1s ease-out, box-shadow 0.1s ease-out;
}

/* CAMADAS ANIMADAS DO BOTÃO (gradientes e brilhos) */
.elementor-2831 .elementor-element.elementor-element-ac39e3c .elementor-button::before,
.elementor-2831 .elementor-element.elementor-element-ac39e3c .elementor-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    transition: opacity 0.5s ease; /* Troca de camadas suave */
    pointer-events: none;
}

/* CAMADA BASE: gradiente com verde neon e sombra */
.elementor-2831 .elementor-element.elementor-element-ac39e3c .elementor-button::before {
    background: linear-gradient(90deg, #B2FE02 0%, #CFFF5F 50%, #B2FE02 100%);
    box-shadow: 0 -3px 0 0 #9ACD32 inset;
    border-top: 2px solid #DFFF8F;
    z-index: 0;
    opacity: 1;
}

/* CAMADA ALTERNATIVA (ativa no hover) */
.elementor-2831 .elementor-element.elementor-element-ac39e3c .elementor-button::after {
    background: linear-gradient(90deg, #CFFF5F 0%, #E1FFAE 50%, #CFFF5F 100%);
    box-shadow: 0 -3px 0 0 #B2FE02 inset;
    border-top: 2px solid #F0FFF0;
    opacity: 0; /* Começa invisível */
    z-index: 1;
}

/* AO PASSAR O MOUSE: mostra o brilho ::after */
.elementor-2831 .elementor-element.elementor-element-ac39e3c .elementor-button:hover::after {
    opacity: 1;
}

/* AO CLICAR: botão desce e a sombra muda */
.elementor-2831 .elementor-element.elementor-element-ac39e3c .elementor-button:active {
    transform: translateY(3px); /* Efeito de pressão */

    box-shadow:
        0 -2px 0 0 #8aa349 inset, /* Sombra interna menor */
        0 140px 50px 0 rgba(178, 254, 2, .05),
        0 80px 40px 0 rgba(178, 254, 2, .10),
        0 30px 25px 0 rgba(178, 254, 2, .15),
        0 5px 10px 0 rgba(178, 254, 2, .25);
}

/* WRAPPER DE CONTEÚDO DO BOTÃO - texto + ícone */
.elementor-2831 .elementor-element.elementor-element-ac39e3c .elementor-button-content-wrapper {
    position: relative;
    z-index: 2; /* Fica acima do brilho ::before/::after */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* TEXTO DO BOTÃO */
.elementor-2831 .elementor-element.elementor-element-ac39e3c .elementor-button-text {
    line-height: normal;
    text-align: center;
}

/* FOCO COM ACESSIBILIDADE (teclado) */
.elementor-2831 .elementor-element.elementor-element-ac39e3c .elementor-button:focus-visible {
    outline: 3px solid #CFFF5F; /* Borda de foco bem visível */
    outline-offset: 2px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0dbd311 *//* BOTÃO COM GRADIENTE ANIMADO - TEXTURA VIVA */
.elementor-2831 .elementor-element.elementor-element-0dbd311 .elementor-button {
    animation: textura 3.4s cubic-bezier(0.2, 0.5, 0.9, 0.6) 2s infinite normal none running;
    background-image: linear-gradient(258deg, #BDFF00, #05E400, #BDFF00, #05E400); /* Verde-limão animado */
    background-size: 400% 200%; /* Permite movimento do gradiente */
    position: relative; /* Necessário para ::after funcionar */
    z-index: 1; /* Garante que o botão fique acima do fundo */
}

/* ANIMAÇÃO DO GRADIENTE EM MOVIMENTO */
@keyframes textura {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}

/* CAMADA ADICIONAL COM ANIMAÇÃO EFEITO GLOW (opcional) */
.btn .elementor-button::after {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 4.739px;
    z-index: 0; /* Fica abaixo do conteúdo */

    transition: all 0.8s;
    animation: textura 2s ease infinite; /* Usa a mesma animação do fundo */
    background: inherit; /* Herda o gradiente */
    opacity: 0.3; /* Suaviza brilho adicional */
}

/* CONTEÚDO DO BOTÃO ACIMA DA CAMADA */
.btn .elementor-button span {
    z-index: 4;
    position: relative;
}

/* ETIQUETA COM VALOR FIXO – tipo "R$99" ou "Grátis" */
.valor {
    position: absolute;
    width: fit-content;
    white-space: nowrap;
    top: 95%; /* Logo abaixo do botão */
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.64em;
    padding: 5px 16px;
    border-radius: 5px;

    border: 1px solid rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px); /* Efeito vidro */
    background: #fffff95; /* ⚠️ Valor incorreto corrigido abaixo */
    background: rgba(255, 255, 255, 0.1); /* Corrigido */
    color: #ffffff;
    z-index: 999999;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-22b6880 */.elementor-2831 .elementor-element.elementor-element-22b6880{
    overflow: hidden;
    border-radius: 8px;
    padding: 0;
}

.elementor-2831 .elementor-element.elementor-element-22b6880 .elementor-button *{
    position: relative;
    z-index: 9;
}

.elementor-2831 .elementor-element.elementor-element-22b6880 .elementor-button{
    transition: 0.5s;
    background: transparent !important;
    padding: 24px;
    position: relative;
    z-index: 3;
    width: 300px; /*altere a largura aqui*/
}

/*cor da borda*/
.elementor-2831 .elementor-element.elementor-element-22b6880 .elementor-button::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff20; /*altere a cor aqui*/
  z-index: 1;
  transition: opacity 0.3s linear;
  opacity: 1;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

/*cor de fundo*/
.elementor-2831 .elementor-element.elementor-element-22b6880 .elementor-button::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #131313; /*altere a cor aqui*/
  z-index: 3;
  transition: opacity 0.2s linear;
  opacity: 1;
  width: calc(100% - 2px); /*controle a largura da borda aqui*/
  height: calc(100% - 2px); /*controle a largura da borda aqui*/
    border-radius: 8px;
    transition: 0.5s;
}

/*cor do brilho*/
.elementor-2831 .elementor-element.elementor-element-22b6880::before {
  position: absolute;
  content: "";
  top: -200%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff; /*altere a cor aqui*/
  z-index: 2;
  transition: opacity 0.2s linear;
  opacity: 1;
  width: 50px;
  height: 500%;
  filter: blur(5px);
    border-radius: 8px;
  animation: rodar 5s infinite linear;
  transform-origin: center bottom;
}

/*animação do brilho*/
@keyframes rodar{
    0%{
        transform: translate(-50%, -50%) rotate(0);
    }
    100%{
        transform: translate(-50%, -50%) rotate(360deg);
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bbedb83 *//* Estilo do botão */
.elementor-2831 .elementor-element.elementor-element-bbedb83 {

  cursor: pointer;
  position: relative;
  display: inline-block;
  letter-spacing: 0.05rem;
  border-radius: 500px; /* Bordas arredondadas */
  overflow: hidden;
  background: #131313;
}

/* Estilo do texto dentro do botão */
.elementor-2831 .elementor-element.elementor-element-bbedb83 span {
  position: relative;
  z-index: 10;
  transition: color 0.4s;
}

/* Muda a cor do texto quando o botão é hover */
.elementor-2831 .elementor-element.elementor-element-bbedb83:hover span {
  color: white;
}

/* Pseudo-elementos para o fundo */
.elementor-2831 .elementor-element.elementor-element-bbedb83::before,
.elementor-2831 .elementor-element.elementor-element-bbedb83::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

/* Camada preta que desliza */
.elementor-2831 .elementor-element.elementor-element-bbedb83::before {
  content: "";
  background: #03fc41;
  width: 120%; 
  left: -10%; 
  transform: skew(180deg); 
  transition: transform 0.6s cubic-bezier(0.3, 1, 0.8, 1); /* Transição suave */
}

/* Quando o botão é hover, a camada desliza e a borda aparece */
.elementor-2831 .elementor-element.elementor-element-bbedb83:hover::before {
  transform: translate3d(100%, 0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-aa1cc79 *//* Estilo do botão */
.elementor-2831 .elementor-element.elementor-element-aa1cc79 {
  outline: none; /* Remove o contorno ao clicar */
  cursor: pointer; /* Altera o cursor para ponteiro */
  position: relative; /* Necessário para a camada de fundo */
  display: inline-block;
  border-radius: 100px; /* Bordas arredondadas */
  overflow: hidden; /* Oculta conteúdo fora do botão */
  background: #131313;
}

/* Estilo do texto dentro do botão */
.elementor-2831 .elementor-element.elementor-element-aa1cc79 span {
  position: relative;
  z-index: 10; /* Fica acima da camada */
  transition: color 0.4s; /* Transição suave da cor */
}

/* Muda a cor do texto quando o botão é hover */
.elementor-2831 .elementor-element.elementor-element-aa1cc79:hover span {
  color: white;
}

/* Pseudo-elementos para o fundo */
.elementor-2831 .elementor-element.elementor-element-aa1cc79::before,
.elementor-2831 .elementor-element.elementor-element-aa1cc79::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

/* Camada preta que desliza */
.elementor-2831 .elementor-element.elementor-element-aa1cc79::before {
  content: "";
  background: #fa3c2a;
  width: 120%;
  left: -10%;
  transform: skew(45deg);
  transition: transform 0.6s; /* Animação suave */
}

/* Camada desliza ao passar o mouse */
.elementor-2831 .elementor-element.elementor-element-aa1cc79:hover::before {
  transform: translate3d(100%, 0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3e27352 *//* Estilo básico para o botão do Elementor */
.elementor-2831 .elementor-element.elementor-element-3e27352 .elementor-button {

  background: #B2FE02 !important;
  color: white !important;
  border-radius: 1000px !important;

  cursor: pointer !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* Quando o botão é hover, muda a cor do texto para preto */
.elementor-2831 .elementor-element.elementor-element-3e27352 .elementor-button:hover {
  color: black !important;
}

/* Efeito da camada branca por trás do botão */
.elementor-2831 .elementor-element.elementor-element-3e27352 .elementor-button::after {
  content: "" !important;
  background: white !important;
  position: absolute !important;
  z-index: -1 !important;
  left: -20% !important;
  right: -20% !important;
  top: 0 !important;
  bottom: 0 !important;
  transform: skewX(-45deg) scale(0, 1) !important; /* Começa invisível */
  transition: all 0.5s !important; /* Transição suave */
}

/* Quando o botão é hover, a camada branca aparece */
.elementor-2831 .elementor-element.elementor-element-3e27352 .elementor-button:hover::after {
  transform: skewX(-45deg) scale(1, 1) !important; /* Expande a camada */
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important; /* Transição suave */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-775dc0a *//* Personalizar utilizando o Easy Coder*/
.elementor-2831 .elementor-element.elementor-element-775dc0a {
  border-radius: 12px; /* Cantos arredondados do botão */
  background: linear-gradient(90deg, #0B66B4 0%, #43CE9D 100%); 
  /* Fundo com um degradê de azul para verde */
  box-shadow: 0 20px 30px -6px rgba(11, 102, 180, 0.46); 
  /* Sombra do botão, com um tom do gradiente (cor do azul) para dar profundidade */
  
  outline: none; /* Remove a borda externa (foco) do botão */
  cursor: pointer; /* Muda o cursor para "mãozinha" quando passa o mouse sobre o botão */
  border: none; /* Remove qualquer borda do botão */
  transition: 0.5s; /* Transição suave de 0.5 segundos para animações */
  position: relative; /* Posicionamento relativo, necessário para o uso do ::before */
  overflow: hidden; /* Garante que os elementos internos não ultrapassem os limites do botão */
  display: inline-flex; /* Alinha o conteúdo do botão em linha com flexbox */
  align-items: center; /* Alinha o conteúdo (ícone + texto) ao centro verticalmente */
  color: white; /* Cor do texto do botão (branco) */
}

/* Estilizando o ícone do Elementor que pode ser incluído no botão */
.elementor-2831 .elementor-element.elementor-element-775dc0a .elementor-button-icon {
  font-size: 17px; /* Tamanho do ícone dentro do botão */
  color: white; /* Cor do ícone (branco) */
  margin-right: 8px; /* Espaço entre o ícone e o texto */
  transition: transform 0.5s ease; /* Transição suave para animações quando o ícone for movido */
}

/* Microinteração no hover: o ícone do botão se move e gira */
.elementor-2831 .elementor-element.elementor-element-775dc0a:hover .elementor-button-icon {
  transform: translateX(5px) rotate(5deg); 
  /* Quando o mouse passar sobre o botão, o ícone se move para a direita e gira um pouco */
}

/* Efeito visual ao pressionar o botão (efeito de clique) */
.elementor-2831 .elementor-element.elementor-element-775dc0a:active {
  opacity: 0.5; /* Diminui a opacidade do botão para indicar que está sendo pressionado */
}

/* Efeito de luz passando em diagonal sobre o botão */
.elementor-2831 .elementor-element.elementor-element-775dc0a::before {
  content: ''; /* Necessário para o uso do ::before, já que ele não carrega conteúdo por si só */
  background: linear-gradient(10deg, #D1D2EA 12.81%, rgba(209, 210, 234, 0.00) 66.66%); 
  /* Gradiente de luz (um tom de cinza claro para transparente) */
  width: 70px; /* Largura da luz (fica com uma linha fina) */
  height: 130%; /* A altura da luz é maior que o botão, para "passar por ele" */
  position: absolute; /* Coloca a luz sobre o botão */
  transform: translateX(-50%) skew(-25deg); 
  /* Centraliza a luz e a inclina para dar o efeito de movimento */
  bottom: 0%; /* Coloca a luz no fundo do botão */
  user-select: none; /* Impede que a luz seja selecionada ao clicar */
  pointer-events: none; /* Impede que a luz interaja com o mouse */
  animation: shinery 3s infinite ease-in-out; 
  /* Animação da luz com o nome "shinery", que se move por 3 segundos e repete infinitamente */
  filter: blur(3px); /* Aplica um desfoque à luz para dar um efeito mais suave */
}

/* Keyframes da animação da luz (a luz se move de um lado para o outro e desaparece) */
@keyframes shinery {
  0%, 100% {
    left: -10%; /* A luz começa fora da tela à esquerda */
    opacity: 0; /* Começa invisível */
  }
  20% {
    opacity: 1; /* Fica visível */
  }
  48% {
    left: 110%; /* A luz se move para a direita fora da tela */
    opacity: 1; /* Mantém visível */
  }
  51% {
    opacity: 0; /* Fica invisível novamente */
  }
}

/* Efeito de hover no botão: ao passar o mouse sobre ele */
.elementor-2831 .elementor-element.elementor-element-775dc0a:hover {
  transform: translateY(-8px); /* O botão se move um pouco para cima */
  box-shadow: none; /* Remove a sombra do botão quando o hover ocorre */
  transition: 0.5s; /* Transição suave de 0.5 segundos */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5f72d7d */.elementor-2831 .elementor-element.elementor-element-5f72d7d .elementor-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px !important;
  background-color: #131313 !important;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.4s ease;
}

.elementor-2831 .elementor-element.elementor-element-5f72d7d .elementor-button::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #2a50fa;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.6s ease;
  z-index: 0;
}

/* Texto sobreposto ao círculo */
.elementor-2831 .elementor-element.elementor-element-5f72d7d .elementor-button-text {
  position: relative;
  z-index: 1;
  transition: all 0.4s ease;
}

/* HOVER – ativa efeitos */
.elementor-2831 .elementor-element.elementor-element-5f72d7d .elementor-button:hover {
  color: white !important;
  border-radius: 12px;
  box-shadow: none;
}

/* Círculo de fundo expande */
.elementor-2831 .elementor-element.elementor-element-5f72d7d .elementor-button:hover::before {
  width: 220px;
  height: 220px;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a065b8 */.button {
  /* Cor do botão principal */
  --black-700: hsla(72, 100%, 41%, 1); /* Cor verde do botão */
  
  --border_radius: 9999px; /* Bordas arredondadas */
  --transtion: 0.3s ease-in-out; /* Transição suave */
  --offset: 2px; /* Deslocamento da sombra do botão */

  cursor: pointer;
  position: relative;
  
  display: flex;
  align-items: center;
  gap: 0.5rem;

  transform-origin: center;

  padding: 1rem 2rem;
  background-color: transparent; /* Fundo transparente */
  
  border: none;
  border-radius: var(--border_radius); /* Bordas arredondadas */
  transform: scale(calc(1 + (var(--active, 0) * 0.1))); /* Escala do botão quando ativado */
  
  transition: transform var(--transtion); /* Transição para o efeito de escala */
}

.button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  width: 100%;
  height: 100%;
  background-color: #7FFA32; /* Cor verde do botão */
  
  border-radius: var(--border_radius);
  box-shadow: inset 0 0.5px hsl(0, 0%, 100%), inset 0 -1px 2px 0 hsl(0, 0%, 0%),
    0px 4px 10px -4px hsla(0 0% 0% / calc(1 - var(--active, 0))),
    0 0 0 calc(var(--active, 0) * 0.375rem) hsla(0, 0%, 100%, 0.5); /* Sombra interna e externa */

  transition: all var(--transtion); /* Transição suave para efeitos de sombra e escala */
  z-index: 0;
}

.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  width: 100%;
  height: 100%;
  background-color: #7FFA32; /* Cor verde do botão */
  
  /* Gradientes para o efeito de brilho */
  background-image: 
    radial-gradient(
      at 51% 89%, 
      #B6FF88 0px, /* Brilho mais claro */
      transparent 50%
    ),
    radial-gradient(
      at 100% 100%, 
      #B6FF88 0px, /* Brilho mais claro */
      transparent 50%
    ),
    radial-gradient(
      at 22% 91%, 
      #B6FF88 0px, /* Brilho mais claro */
      transparent 50%
    );

  background-position: top;
  
  opacity: var(--active, 0); /* Controle de opacidade no hover */
  border-radius: var(--border_radius);
  transition: opacity var(--transtion); /* Transição de opacidade */
  z-index: 2;
}

.button:is(:hover, :focus-visible) {
  --active: 1; /* Ativa o efeito de brilho no hover */
}

.button:active {
  transform: scale(1); /* Remover a escala extra ao clicar */
}

.button .dots_border {
  --size_border: calc(100% + 2px);
  
  overflow: hidden;
  
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: var(--size_border);
  height: var(--size_border);
  background-color: transparent;

  border-radius: var(--border_radius);
  z-index: -10;
}

.button .dots_border::before {
  content: "";
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: left;
  transform: rotate(0deg);
  
  width: 100%;
  height: 2rem;
  background-color: white; /* Cor dos pontos da animação */
  
  mask: linear-gradient(transparent 0%, white 120%);
  animation: rotate 2s linear infinite; /* Animação de rotação */
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

.button .sparkle {
  position: relative;
  z-index: 10;
  
  width: 1.75rem;
}

.button .sparkle .path {
  transform-origin: center;
  color: #000000; /* Cor da "estrela" (brilho) */
}

.button:is(:hover, :focus) .sparkle .path {
  animation: path 1.5s linear 0.5s infinite; /* Animação das estrelas de brilho */
}

@keyframes path {
  0%,
  34%,
  71%,
  100% {
    transform: scale(1);
  }
  17% {
    transform: scale(1);
  }
  49% {
    transform: scale(1);
  }
  83% {
    transform: scale(1);
  }
}

.button .text_button {
  position: relative;
  z-index: 10;
  
  background-image: none; /* Remove gradiente do texto */
  color: #000000; /* Cor do texto preto */
  
  font-weight: 500;
  font-family: "Unbounded", sans-serif; /* Fonte utilizada no botão */
  font-size: 1rem;
  
  transition: text-shadow 0.3s ease; /* Transição suave para o brilho no texto */
}

/* Efeito de brilho no texto */
.button:is(:hover, :focus-visible) .text_button {
  text-shadow: 0 0 10px #9CFF6A, 0 0 20px #9CFF6A, 0 0 30px #9CFF6A; /* Brilho verde mais claro no texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7e0ba35 */.elementor-2831 .elementor-element.elementor-element-7e0ba35 .elementor-button {
  border-radius: 100px !important;/* Atualizado com base no novo estilo fornecido */
  border-top: 2px solid #F2D2AE; /* Cor mais clara do novo degradê */
  background: linear-gradient(90deg, #E1B789 0.01%, #F2D2AE 55.23%, #E1B789 110.44%) !important; /* Novo degradê */
  box-shadow: 0px 4px 0px 0px #C89E70; /* Tom mais escuro de #E1B789 para a sombra */
  transition: 0.5s;
  position: relative;
  z-index: 1;
}

.elementor-2831 .elementor-element.elementor-element-7e0ba35 .elementor-button::before {
  /* Degradê invertido para o efeito hover, usando as mesmas porcentagens do novo degradê principal */
  background: linear-gradient(90deg, #F2D2AE 0.01%, #E1B789 55.23%, #E1B789 110.44%);
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transition: .8s;
   border-radius: 100px !important;
  opacity: 0;
}

.elementor-2831 .elementor-element.elementor-element-7e0ba35 .elementor-button:hover::before {
  opacity: 1;
}

.elementor-2831 .elementor-element.elementor-element-7e0ba35 .elementor-button:hover {
  transform: scale(1.05);
   border-radius: 100px !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-13a143f *//* Use o Easy Coder para personalizar as cores */
.elementor-2831 .elementor-element.elementor-element-13a143f .elementor-button-wrapper {
    display: flex; /* Flexbox é usado para alinhar e distribuir os itens dentro do contêiner */
    justify-content: center; /* Alinha o conteúdo horizontalmente no centro */
    align-items: stretch; /* Faz com que o conteúdo ocupe toda a altura disponível */
    white-space: nowrap; /* Impede que o texto quebre para a próxima linha */
    width: 100%; /* Garante que o botão ocupe toda a largura disponível do contêiner */
}

/* A classe .elementor-widget-container define o layout do contêiner do botão. */
.elementor-2831 .elementor-element.elementor-element-13a143f .elementor-widget-container {
    display: flex; /* Flexbox para garantir que o conteúdo (como o texto) fique centralizado */
    justify-content: center; /* Alinha o conteúdo (texto) horizontalmente no centro */
}

/* Cor de fundo do botão. O botão tem um gradiente do azul claro para o azul escuro. */
.elementor-2831 .elementor-element.elementor-element-13a143f .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #7199FF 0%, #1955ED 100%); /* Gradiente de fundo (azul claro para azul escuro) */

    /* Sombras do botão para dar um efeito de profundidade */
    box-shadow: 0px -27px 80px 0px rgba(26, 56, 251, 0.22), 0px -9.855px 29.201px 0px rgba(26, 56, 251, 0.15), 0px -4.785px 14.177px 0px rgba(26, 56, 251, 0.12), 0px -2.346px 6.95px 0px rgba(26, 56, 251, 0.10), 0px -0.927px 2.748px 0px rgba(26, 56, 251, 0.07);
    overflow: hidden; /* Impede que o conteúdo saia do botão */
    transform: translate(0%, 0%); /* Mantém o botão na posição original */
    flex-grow: 1 !important; /* Faz o botão crescer e ocupar toda a área disponível do contêiner */
    align-self: stretch !important; /* Faz o botão se esticar para ocupar toda a altura do contêiner */
    transition: .5s all; /* Transição suave para as mudanças de estado */
    display: flex !important; /* Garante que o botão tenha comportamento flexível */
    justify-content: center !important; /* Centraliza o conteúdo (texto) dentro do botão */
    align-items: center !important; /* Centraliza o conteúdo verticalmente */
}

/* Cor do botão quando o usuário passa o mouse sobre ele (hover). O botão muda para um gradiente de laranja para vermelho. */
.elementor-2831 .elementor-element.elementor-element-13a143f:hover .elementor-button {
    background: linear-gradient(90deg, #FF6A00 0%, #FF3E00 100%); /* Novo gradiente (de laranja para vermelho) */
    
    /* Sombras do botão no hover (também ajustadas para o novo tom) */
    box-shadow: 0px -27px 80px 0px rgba(255, 106, 0, 0.22), 0px -9.855px 29.201px 0px rgba(255, 106, 0, 0.15), 0px -4.785px 14.177px 0px rgba(255, 106, 0, 0.12), 0px -2.346px 6.95px 0px rgba(255, 106, 0, 0.10), 0px -0.927px 2.748px 0px rgba(255, 106, 0, 0.07);
    transition: .5s all; /* Transição suave quando o botão muda de cor */
    transform: scale(1.05); /* Faz o botão crescer um pouco quando o mouse passa sobre ele */
}

/* Efeito de brilho para dar um toque especial no botão. */
.elementor-2831 .elementor-element.elementor-element-13a143f .elementor-button::before {
    content: ''; /* Cria um conteúdo vazio, usado para o efeito de brilho */
    background: linear-gradient(10deg, #D1D2EA 12.81%, rgba(209, 210, 234, 0.00) 66.66%); /* Gradiente suave para o efeito de brilho */
    width: 90px; /* Largura do brilho */
    height: 160%; /* A altura é maior do que o botão, criando um efeito visual de brilho maior */
    position: absolute; /* Coloca o brilho em uma posição absoluta em relação ao botão */
    transform: translateX(-50%) skew(-25deg); /* Movimenta e distorce o brilho para criar o efeito */
    bottom: 0%; /* Coloca o brilho na parte inferior do botão */
    user-select: none; /* Impede que o usuário selecione o brilho */
    pointer-events: none; /* Impede que o brilho interaja com o mouse */
    animation: shinery 3s infinite ease-in-out; /* Animação do brilho que se move de um lado para o outro */
    filter: blur(4px); /* Aplica um desfoque suave ao brilho */
}

/* A animação de brilho do botão. O brilho se move para a esquerda e para a direita. */
@keyframes shinery {
    0%, 100% { left: -10%; opacity: 0; } /* Brilho começa e termina invisível e fora do botão */
    20% { opacity: 1; } /* Brilho aparece com opacidade máxima */
    48% { left: 110%; opacity: 1; } /* Brilho se move para a direita */
    51% { opacity: 0; } /* Brilho desaparece rapidamente */
}

/* Cor da borda do botão (uma borda cinza suave em volta do botão). */
.elementor-2831 .elementor-element.elementor-element-13a143f .elementor-button::after {
    content: ''; /* Cria um conteúdo vazio, usado para a borda */
    width: calc(100% + 6px); /* A largura da borda é um pouco maior que o botão */
    height: calc(100% + 6px); /* A altura da borda é um pouco maior que o botão */
    border-radius: inherit; /* Herda o arredondamento do botão */
    border-radius: 500px; /* Torna a borda bem arredondada */
    border: 5px solid #ADADAD40; /* Borda de 5px de espessura com cor cinza suave */
    position: absolute; /* Coloca a borda em uma posição absoluta em relação ao botão */
    top: 0; /* Alinha a borda ao topo */
    left: 0; /* Alinha a borda à esquerda */
    z-index: 2; /* Garante que a borda fique acima do conteúdo do botão */
    transform: translate(-50%, -50%); /* Move a borda para centralizá-la */
    top: 50%; /* Coloca a borda no meio do botão */
    left: 50%; /* Coloca a borda no meio do botão */
    user-select: none; /* Impede que o usuário selecione a borda */
    pointer-events: none; /* Impede que a borda interaja com o mouse */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-45373c2 *//* Personalize utilizando o Easy Coder*/
:root {
    /* Cor de fundo principal do botão */
    --shiny-cta-bg: #000000;
    /* Cor da borda sutil do botão */
    --shiny-cta-bg-subtle: #1a1818;
    /* Cor do texto do botão */
    --shiny-cta-fg: #ffffff;
    /* Cor do destaque/brilho principal do botão */
    --shiny-cta-highlight: #74FE03;
    /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #74FE03, se preferir) */
    --shiny-cta-highlight-subtle: white;
}

@property --gradient-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@property --gradient-angle-offset {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@property --gradient-percent {
    syntax: "<percentage>";
    initial-value: 5%;
    inherits: false;
}

@property --gradient-shine {
    syntax: "<color>";
    initial-value: white;
    inherits: false;
}

/* Estilos para dispositivos móveis (largura máxima de 600px) */
@media only screen and (max-width: 600px) {
    .elementor-2831 .elementor-element.elementor-element-45373c2 {
        /* Define a animação principal para o brilho */
        --animation: rotate-glow linear infinite;
        /* Duração da animação do brilho (3 segundos para uma volta completa) */
        --duration: 3s;
        /* Tamanho da sombra interna do botão */
        --shadow-size: 2px;
        isolation: isolate;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        outline-offset: 4px;
        /* Preenchimento (padding) do botão para telas menores */
        padding: 1.25rem 1.5rem;

        /* Tamanho da fonte do texto */
        font-size: 1.325rem;
        line-height: 1.2;
        border: 1px solid transparent;
        /* Bordas arredondadas do botão (formato pílula) */
        border-radius: 360px;
        color: var(--shiny-cta-fg);
        background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
                    conic-gradient(
                        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
                        transparent,
                        var(--shiny-cta-highlight) var(--gradient-percent),
                        var(--gradient-shine) calc(var(--gradient-percent) * 2),
                        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
                        transparent calc(var(--gradient-percent) * 4)
                    ) border-box;
        box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle);
        /* Transição suave para propriedades do brilho */
        transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
        transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
    }
}

/* Estilos para desktops e tablets (largura mínima de 600px) */
@media only screen and (min-width: 600px) {
    .elementor-2831 .elementor-element.elementor-element-45373c2 {
        /* Define a animação principal para o brilho */
        --animation: rotate-glow linear infinite;
        /* Duração da animação do brilho (3 segundos para uma volta completa) */
        --duration: 3s;
        /* Tamanho da sombra interna do botão */
        --shadow-size: 2px;
        isolation: isolate;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        outline-offset: 4px;
        /* Preenchimento (padding) do botão para telas maiores */
        padding: 1.125rem 4.5rem;

        line-height: 1.2;
        border: 1px solid transparent;
        /* Bordas arredondadas do botão (formato pílula) */
        border-radius: 360px;
        color: var(--shiny-cta-fg);
        background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
                    conic-gradient(
                        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
                        transparent,
                        var(--shiny-cta-highlight) var(--gradient-percent),
                        var(--gradient-shine) calc(var(--gradient-percent) * 2),
                        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
                        transparent calc(var(--gradient-percent) * 4)
                    ) border-box;
        box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle);
        /* Transição suave para propriedades do brilho */
        transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
        transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
    }
}

.elementor-2831 .elementor-element.elementor-element-45373c2::before,
.elementor-2831 .elementor-element.elementor-element-45373c2::after,
.elementor-2831 .elementor-element.elementor-element-45373c2 span::before {
    content: "";
    pointer-events: none;
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    translate: -50% -50%;
    z-index: -1;
}

.elementor-2831 .elementor-element.elementor-element-45373c2::before {
    /* Define o tamanho do pseudo-elemento */
    --size: calc(100% - var(--shadow-size) * 3);
    /* Posição inicial para o gradiente radial */
    --position: 2px;
    --space: calc(var(--position) * 2);
    width: var(--size);
    height: var(--size);
    background: radial-gradient(
                circle at var(--position) var(--position),
                white calc(var(--position) / 4),
                transparent 0
            ) padding-box;
    background-size: var(--space) var(--space);
    background-repeat: space;
    /* Máscara para o efeito de brilho em rotação */
    mask-image: conic-gradient(
                from calc(var(--gradient-angle) + 45deg),
                black 0%, /* Início da área preta */
                black 9%, /* Fim da área preta antes da transição */
                transparent 10%, /* Início da transição transparente */
                transparent 90%, /* Fim da transição transparente */
                black 91%, /* Início da área preta após a transição */
                black 100% /* Fim da área preta */
            );
    border-radius: inherit;
    opacity: 0.4;
}

.elementor-2831 .elementor-element.elementor-element-45373c2::after {
    /* Define a animação de brilho secundária */
    --animation: subtle-shine linear infinite;
    width: 100%;
    aspect-ratio: 1;
    background: linear-gradient(
                -50deg,
                transparent,
                var(--shiny-cta-highlight),
                transparent
            );
    mask-image: radial-gradient(circle at bottom, transparent 40%, black);
    opacity: 0.6;
}

.elementor-2831 .elementor-element.elementor-element-45373c2 span {
    z-index: 1;
    position: relative;
}

.elementor-2831 .elementor-element.elementor-element-45373c2 span::before {
    /* Definindo largura e altura para a área de brilho interno no hover */
    width: 370px;
    height: 90px;
    /* Sombra interna que aparece no hover */
    box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);
    opacity: 0;
    transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1);
}

.elementor-2831 .elementor-element.elementor-element-45373c2:hover,
.elementor-2831 .elementor-element.elementor-element-45373c2:focus-visible {
    /* Aumenta a largura do brilho no hover */
    --gradient-percent: 20%;
    /* Desloca o ângulo do gradiente no hover */
    --gradient-angle-offset: 95deg;
    /* Altera a cor do brilho mais intenso no hover */
    --gradient-shine: var(--shiny-cta-highlight-subtle);
}



/* Animação para a rotação do gradiente de brilho */
@keyframes rotate-glow {
    to {
        --gradient-angle: 360deg;
    }
}

/* Animação para o efeito de brilho sutil */
@keyframes subtle-shine {
    to {
        transform: rotate(360deg);
    }
}

/* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */
@keyframes pulse-effect {
    50% {
        transform: scale(1.2);
    }
}

.elementor-2831 .elementor-element.elementor-element-45373c2,
.elementor-2831 .elementor-element.elementor-element-45373c2::before,
.elementor-2831 .elementor-element.elementor-element-45373c2::after {
    /* Aplica as animações ao botão e seus pseudo-elementos */
    animation: var(--animation) var(--duration),
               var(--animation) calc(var(--duration) / 0.4) reverse paused;
    animation-composition: add;
}

.elementor-2831 .elementor-element.elementor-element-45373c2:hover,
.elementor-2831 .elementor-element.elementor-element-45373c2:hover::before,
.elementor-2831 .elementor-element.elementor-element-45373c2:hover::after {
    /* Inicia as animações ao passar o mouse */
    animation-play-state: running;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c046d1f */:root {
    --tamanho-borda-botao: 1px;
    --velocidade-transicao: 200ms;
    
    --fundo-botao-hover: #FF9C33; /* Cor alterada para o hover */
    --intensidade-sombra: 20px;
    --posicao-x-sombra: 0;
    --posicao-y-sombra: 0;
    --cor-sombra-rgba: rgba(255, 87, 51, 0.815); /* Nova cor de sombra */
    --expansao-sombra: 4px;
    
    --cor-brilho-interno: #FFF;
    --blur-brilho-interno: 40px;
    --expansao-brilho-interno: 25px;
    --inclinacao-brilho-interno: -15deg;
    --velocidade-animacao-brilho: 400ms;
}

.elementor-2831 .elementor-element.elementor-element-c046d1f .elementor-button {
    position: relative;
    overflow: hidden;
    transition: all var(--velocidade-transicao) ease-in;
  
    background: #B2FE02 !important;
}

.elementor-2831 .elementor-element.elementor-element-c046d1f .elementor-button:hover {
    background: var(--fundo-botao-hover) !important; /* Cor do botão alterada no hover */
    box-shadow: var(--posicao-x-sombra) var(--posicao-y-sombra) var(--intensidade-sombra) var(--expansao-sombra) var(--cor-sombra-rgba);
}

.elementor-2831 .elementor-element.elementor-element-c046d1f .elementor-button:hover::before {
    animation: brilhoAnimacao var(--velocidade-animacao-brilho) 0s linear;
}

.elementor-2831 .elementor-element.elementor-element-c046d1f .elementor-button::before {
    content: '';
    display: block;
    width: 0px;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0%;
    opacity: 0;
    transform: skewX(var(--inclinacao-brilho-interno));
    background: var(--cor-brilho-interno);
    box-shadow: 0 0 var(--blur-brilho-interno) var(--expansao-brilho-interno) var(--cor-brilho-interno);
    transform: skewX(var(--inclinacao-brilho-interno));
}

@keyframes brilhoAnimacao {
    from {
        opacity: 0;
        left: 0%;
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 0;
        left: 100%;
    }
}

@-webkit-keyframes brilhoAnimacao {
    from {
        opacity: 0;
        left: 0%;
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 0;
        left: 100%;
    }
}

@-moz-keyframes brilhoAnimacao {
    from {
        opacity: 0;
        left: 0%;
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 0;
        left: 100%;
    }
}

.elementor-2831 .elementor-element.elementor-element-c046d1f .elementor-button svg {
    width: 60px;
    vertical-align: middle;
}

.elementor-2831 .elementor-element.elementor-element-c046d1f .elementor-button-content-wrapper {
    align-items: center;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1d8465f */:root {
    --cor-borda-botao: transparent; /* Sem cor definida para a borda */
    --tamanho-borda-botao: 1px;
    --velocidade-transicao: 200ms;
    
    --fundo-botao-hover: transparent; /* Sem cor definida para o fundo */
    --intensidade-sombra: 30px;
    --posicao-x-sombra: 0;
    --posicao-y-sombra: 0;
    --cor-sombra-rgba: rgba(38, 104, 246, 0.815);
    --expansao-sombra: 5px;
    
    --cor-brilho-interno: #fff;
    --blur-brilho-interno: 50px;
    --expansao-brilho-interno: 30px;
    --inclinacao-brilho-interno: -20deg;
    --velocidade-animacao-brilho: 500ms;
}

.elementor-2831 .elementor-element.elementor-element-1d8465f .elementor-button {
    position: relative;
    overflow: hidden;
    transition: all var(--velocidade-transicao) ease-in;

    background: #B2FE02; 
}

.elementor-2831 .elementor-element.elementor-element-1d8465f .elementor-button:hover {
    background: var(--fundo-botao-hover); /* Herda a cor de fundo do botão no hover */
    box-shadow: var(--posicao-x-sombra) var(--posicao-y-sombra) var(--intensidade-sombra) var(--expansao-sombra) var(--cor-sombra-rgba);
}

.elementor-2831 .elementor-element.elementor-element-1d8465f .elementor-button:hover::before {
    animation: brilhoAnimacao var(--velocidade-animacao-brilho) 0s linear;
}

.elementor-2831 .elementor-element.elementor-element-1d8465f .elementor-button::before {
    content: '';
    display: block;
    width: 0px;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0%;
    opacity: 0;
    transform: skewX(var(--inclinacao-brilho-interno));
    background: var(--cor-brilho-interno);
    box-shadow: 0 0 var(--blur-brilho-interno) var(--expansao-brilho-interno) var(--cor-brilho-interno);
}

@keyframes brilhoAnimacao {
    from {
        opacity: 0;
        left: 0%;
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 0;
        left: 100%;
    }
}

.elementor-2831 .elementor-element.elementor-element-1d8465f .elementor-button svg {
    width: 60px;
    vertical-align: middle;
}

.elementor-2831 .elementor-element.elementor-element-1d8465f .elementor-button-content-wrapper {
    align-items: center;
}

@media only screen and (max-width: 600px) {
  .elementor-2831 .elementor-element.elementor-element-1d8465f .elementor-button {
    overflow: hidden !important;
  }
}

.elementor-2831 .elementor-element.elementor-element-1d8465f .elementor-button {
  filter: saturate(150%);
  border-radius: 1000px;
  overflow: hidden !important;
  margin-bottom: -6px !important;
  position: relative;
}

.elementor-2831 .elementor-element.elementor-element-1d8465f .elementor-button-text {
  z-index: 9;
  position: relative;
}

.elementor-2831 .elementor-element.elementor-element-1d8465f .elementor-button::after {
  content: "";
  background: linear-gradient(-90deg, white, #ffffff40);
  position: absolute;
  top: 0%;
  left: 0%;
  width: 42%;
  height: 3px;
  animation: luzEfeito 2s infinite ease;
}

@keyframes luzEfeito {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(200px);
  }
}

.elementor-2831 .elementor-element.elementor-element-1d8465f .elementor-button::before {
  content: "";
  background: linear-gradient(90deg, white, #ffffff40);
  position: absolute;
  top: 97%;
  left: 0%;
  width: 42%;
  height: 3px;
  animation: luzEfeito2 3.5s infinite ease;
}

@keyframes luzEfeito2 {
  0% {
    transform: translateX(200px);
  }
  100% {
    transform: translateX(-100px);
  }
}

.elementor-2831 .elementor-element.elementor-element-1d8465f .elementor-button-icon {
  position: absolute;
  top: 50%;
  left: 110%;
  transform: translateY(-50%) rotate(-45deg);
  transition: 0.5s ease all;
}

.elementor-2831 .elementor-element.elementor-element-1d8465f:hover .elementor-button-icon {
  transform: translateY(-50%) rotate(0deg);
}

.elementor-2831 .elementor-element.elementor-element-1d8465f .elementor-button-wrapper::after {
  content: "";
  background: url("https://rtl4013zxp.easybuilder.com.br/wp-content/uploads/2025/06/arrow-1.svg");
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: calc(50% + 30px);
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center right;
  transition: 0.7s ease all;
}

.elementor-2831 .elementor-element.elementor-element-1d8465f:hover .elementor-button-wrapper::after {
  content: "";
  background: url("https://rtl4013zxp.easybuilder.com.br/wp-content/uploads/2025/06/arrow-1.svg");
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: calc(50% + 40px);
  transform: translate(-50%, -50%);
  rotate: 0deg;
  background-repeat: no-repeat;
  background-position: center right;
  transition: 0.5s ease all;
}

.elementor-2831 .elementor-element.elementor-element-1d8465f .elementor-button-wrapper::before {
  content: "";
  background: #ffffff15;
  width: 135%;
  height: 130%;
  position: absolute;
  top: 50%;
  left: -4%;
  transform: translateY(-50%);
  border-radius: 1000px;
  border: solid 1px #ffffff15;
  transition: 0.7s ease all;
}

.elementor-2831 .elementor-element.elementor-element-1d8465f:hover .elementor-button-wrapper::before {
  content: "";
  background: #ffffff25;
  width: 135%;
  height: 130%;
  position: absolute;
  top: 50%;
  left: -4%;
  transform: translateY(-50%);
  border-radius: 1000px;
  border: solid 1px #ffffff15;
  transition: 0.7s ease all;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d7af35 *//* Personalize esse botão com o Easy Coder */
.containerBotoesPersonalizado {
  width: 300px; /* Largura do botão */
  height: 60px; /* Altura do botão */
  position: relative; /* Para possibilitar o posicionamento do botão inferior */
}

/* Personalize o botão superior com o Easy Coder */
.botaoSuperiorPersonalizado, .botaoInferiorPersonalizado {
  width: 100%; /* O botão ocupa 100% da largura do contêiner */
  height: 100%; /* O botão ocupa 100% da altura do contêiner */
  font-family: "DM Sans", sans-serif; /* Fonte do botão */
  font-weight: 500; /* Peso da fonte (negrito moderado) */
  font-size: 16px; /* Tamanho da fonte */
  letter-spacing: 2px; /* Espaçamento entre as letras */
  border-radius: 8px; /* Bordas arredondadas do botão */
  border: none; /* Remove qualquer borda padrão */
  display: flex; /* Usando Flexbox para garantir alinhamento adequado */
  justify-content: center; /* Alinha o texto horizontalmente ao centro */
  align-items: center; /* Alinha o texto verticalmente ao centro */
}

/* Botão Superior com Gradiente e Animação */
.botaoSuperiorPersonalizado {
  background: linear-gradient(90deg, rgb(179, 254, 3) 0%, rgb(203, 255, 80) 100%); /* Gradiente com valores RGB */
  color: black; /* Cor do texto */
  
  /* Máscara aplicada ao botão */
  mask-image: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png"); /* Mascara de imagem */
  -webkit-mask-image: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png"); /* Compatibilidade com Webkit */
  
  mask-size: 2300% 100%; /* Tamanho da máscara, fazendo-a muito maior que o botão */
  -webkit-mask-size: 2300% 100%; /* Compatibilidade com Webkit */
  
  mask-position: 0% 0%; /* Posição inicial da máscara */
  -webkit-mask-position: 0% 0%; /* Compatibilidade com Webkit */
  
  z-index: 1; /* Garante que o botão superior fique acima do inferior */
  position: relative; /* Permite o controle sobre a posição do botão */
}

/* Botão Inferior */
.botaoInferiorPersonalizado {
  position: absolute; /* O botão é posicionado absolutamente dentro do contêiner */
  top: 50%; /* Posiciona o botão no meio do contêiner verticalmente */
  left: 50%; /* Posiciona o botão no meio do contêiner horizontalmente */
  transform: translate(-50%, -50%); /* Centraliza o botão exatamente no centro do contêiner */
  z-index: 0; /* O botão inferior ficará atrás do superior */
  width: 98%; /* O botão inferior ocupará 98% da largura do contêiner */
  height: 98%; /* O botão inferior ocupará 98% da altura do contêiner */
  background-color: white; /* Fundo branco do botão inferior */
  color: black; /* Cor do texto do botão inferior */
}

@keyframes mascara {
  0% {
    mask-position: 0% 0%;
  }
  100% {
    mask-position: 100% 0%;
  }
}

@keyframes mascaraInverso {
  0% {
    mask-position: 100% 0%;
  }
  100% {
    mask-position: 0% 0%;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8e422b7 *//* Personalize o botão utilizando o Easy Coder */

.elementor-2831 .elementor-element.elementor-element-8e422b7 .elementor-button-text,
.elementor-2831 .elementor-element.elementor-element-8e422b7 .elementor-button-icon{
    position: relative;
    z-index: 2;
}

.elementor-2831 .elementor-element.elementor-element-8e422b7 .elementor-button {


  background: linear-gradient(90deg, #434ACE 0%, #7379E5 50%, #434ACE 100%); 

    box-shadow: 0px 0px 34px -10px rgba(0, 255, 85, 0.31);

    animation: brilho 4s ease infinite;

}

@keyframes brilho {
    0%, 100% {
        text-shadow: 0px 0px 14px rgba(0, 255, 85, 0.20);

    }
    50% {
        
        text-shadow: 0px 0px 20px rgba(0, 255, 85, 1);

    }
}

.elementor-2831 .elementor-element.elementor-element-8e422b7 .elementor-button:hover {
    
    background: #0F5 !important;
    box-shadow: 0px 14px 24px 0px rgba(0, 255, 85, 0.14);
    color: #000F05 !important;
}

.elementor-2831 .elementor-element.elementor-element-8e422b7 .elementor-button-icon{
    z-index: 2;
    font-size: 1.5em;    
    transition: 0.5s;
    margin-bottom: -4px;
    opacity: 0;
    animation: seta 1s infinite ease-in-out;
      

}

.elementor-2831 .elementor-element.elementor-element-8e422b7 .elementor-button-text{
    z-index: 2;
    transition: 0.7s;
    width: 100% !important;
    white-space: nowrap;
    transform: translatex(20px) 
}

.elementor-2831 .elementor-element.elementor-element-8e422b7 .elementor-button-content-wrapper{
    display: flex;
    align-items: center;
}


.elementor-2831 .elementor-element.elementor-element-8e422b7 .elementor-button:hover .elementor-button-icon{
    opacity: 1;
}

.elementor-2831 .elementor-element.elementor-element-8e422b7 .elementor-button:hover .elementor-button-text{
    transform: translatex(0);
}

@keyframes seta{
    0%, 100%{
        transform: translatex(10%); /*ajuste a posição do ícone aqui*/
    }
    50%{
        transform: translatex(50%); /*ajuste a posição do ícone aqui*/
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e936b4e */.elementor-2831 .elementor-element.elementor-element-e936b4e .elementor-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 
        0 323px 90px 0 rgba(192, 192, 192, .01),
        0 207px 83px 0 rgba(192, 192, 192, .07),
        0 116px 70px 0 rgba(192, 192, 192, .15),
        0 52px 52px 0 rgba(192, 192, 192, .25),
        0 13px 28px 0 rgba(192, 192, 192, .35);
    transition: transform 0.1s ease-out, box-shadow 0.1s ease-out;
}

.elementor-2831 .elementor-element.elementor-element-e936b4e .elementor-button::before,
.elementor-2831 .elementor-element.elementor-element-e936b4e .elementor-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

.elementor-2831 .elementor-element.elementor-element-e936b4e .elementor-button::before {
    background: linear-gradient(83deg, #ACACAC -11.49%, #D6D6D6 19.68%, #FFF 50.85%, #D5D5D5 82.01%, #ACACAC 113.18%);
    z-index: 0;
    opacity: 1;
}

.elementor-2831 .elementor-element.elementor-element-e936b4e .elementor-button::after {
    background: linear-gradient(83deg, #ACACAC -11.49%, #D6D6D6 19.68%, #FFF 50.85%, #D5D5D5 82.01%, #ACACAC 113.18%);
    opacity: 0;
    z-index: 1;
}

.elementor-2831 .elementor-element.elementor-element-e936b4e .elementor-button:hover::after {
    opacity: 1;
}

.elementor-2831 .elementor-element.elementor-element-e936b4e .elementor-button:active {
    transform: translateY(3px);
    box-shadow:
        0 -2px 0 0 #C0C0C0 inset,
        0 140px 50px 0 rgba(192, 192, 192, .05),
        0 80px 40px 0 rgba(192, 192, 192, .10),
        0 30px 25px 0 rgba(192, 192, 192, .15),
        0 5px 10px 0 rgba(192, 192, 192, .25);
}

.elementor-2831 .elementor-element.elementor-element-e936b4e .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.elementor-2831 .elementor-element.elementor-element-e936b4e .elementor-button-text {
    line-height: normal;
    text-align: center;
}

.elementor-2831 .elementor-element.elementor-element-e936b4e .elementor-button:focus-visible {
    outline: none;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e8ae37a */:root {
    --glow-hue: 222deg;
    --shadow-hue: 180deg;
    --spring-easing: linear( 0, 0.002, 0.01 0.9%, 0.038 1.8%, 0.156, 0.312 5.8%, 0.789 11.1%, 1.015 14.2%, 1.096, 1.157, 1.199, 1.224 20.3%, 1.231, 1.231, 1.226, 1.214 24.6%, 1.176 26.9%, 1.057 32.6%, 1.007 35.5%, 0.984, 0.968, 0.956, 0.949 42%, 0.946 44.1%, 0.95 46.5%, 0.998 57.2%, 1.007, 1.011 63.3%, 1.012 68.3%, 0.998 84%, 1 );
    --spring-duration: 1.33s
}

@property --shimmer {
    syntax: "<angle>";
    inherits: false;
    initial-value: 33deg
}

@keyframes shimmer {
    0% {
        --shimmer: 0deg
    }

    100% {
        --shimmer: 360deg
    }
}

@keyframes shine {
    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}


.btnEasybuilder .elementor-button {
  ;
    background: linear-gradient(83deg, #B3FE02 -11.49%, #D1FB6C 113.18%); /* altere a cor aqui */
    padding: 15px 40px;
    position: relative;
    border-radius: 5px;
    transition: all var(--spring-duration) var(--spring-easing)
}

.btnEasybuilder .elementor-button:hover:not(:active) {
    transition-duration: calc(var(--spring-duration)*.5);
    transform: scale(1.05);
    box-shadow: 0 4px 8px -2px hsl(var(--glow-hue) 50% 20% / 50%),inset 0 0 0 transparent
}

.btnEasybuilder .elementor-button:active {
    transition-duration: calc(var(--spring-duration)*.5)
}

.btnEasybuilder .elementor-button-icon {
    position: absolute;
    inset: -40px;
    mask-image: conic-gradient(from var(--shimmer,0deg),transparent 0%,transparent 10%,black 36%,black 45%,transparent 50%,transparent 60%,black 85%,black 95%,transparent 100%);
    mask-size: cover;
    mix-blend-mode: plus-lighter;
    animation: 1s linear infinite both shimmer;
    pointer-events: none;
    border-radius: 5p;
}

.btnEasybuilder .elementor-button:hover .elementor-button-icon::after, .btnEasybuilder .elementor-button:hover .elementor-button-icon::before {
    opacity: 1;
    animation: 1.2s ease-in forwards shine
}

.btnEasybuilder .elementor-button-icon::after, .btnEasybuilder .elementor-button-icon::before {
    transition: all .5s ease;
    opacity: 0;
    content: "";
    border-radius: inherit;
    position: absolute;
    mix-blend-mode: color;
    inset: 40px;
    pointer-events: none
}



.btnEasybuilder .elementor-button-icon svg {
    display: none
}

.btnEasybuilder .elementor-button-icon::before {
    box-shadow: 0 0 3px 2px hsl(var(--glow-hue) 20% 95%),0 0 7px 4px hsl(var(--glow-hue) 20% 80%),0 0 13px 4px hsl(var(--glow-hue) 50% 70%),0 0 25px 5px hsl(var(--glow-hue) 100% 70%);
    z-index: -1
}

.btnEasybuilder .elementor-button-icon::after {
    box-shadow: inset 0 0 0 1px hsl(var(--glow-hue) 70% 95%),inset 0 0 2px 1px hsl(var(--glow-hue) 100% 80%),inset 0 0 5px 2px hsl(var(--glow-hue) 100% 70%);
    z-index: 2
}


/* CRÉDITOS AO CIPARONI *//* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-41394ee */.elementor-2831 .elementor-element.elementor-element-41394ee {
  border-radius: 72px;
  border-top: 2px solid #B9CEFD;
  background: linear-gradient(90deg, #5389FF 0%, #7DA2F2 50%, #295CCC 100%);
  box-shadow: 
  
    0 10px 20px 0 rgba(45, 82, 163, 0.4), /* Sombra mais suave, para baixo */
    0 20px 40px 0 rgba(45, 82, 163, 0.3), /* Mais espalhada para baixo */
    0 40px 80px 0 rgba(45, 82, 163, 0.2), /* Mais espalhada ainda */
    0 60px 120px 0 rgba(45, 82, 163, 0.1); /* Sombra mais difusa */
  outline: none;
  cursor: pointer;
  border: none;
  transition: 0.5s;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  color: white;
}

.elementor-2831 .elementor-element.elementor-element-41394ee .elementor-button-icon {
  font-size: 17px;
  color: white;
  margin-right: 8px;
  transition: transform 0.5s ease;
}

.elementor-2831 .elementor-element.elementor-element-41394ee:hover .elementor-button-icon {
  transform: translateX(5px) rotate(5deg);
}

.elementor-2831 .elementor-element.elementor-element-41394ee:active {
  opacity: 0.5;
}

.elementor-2831 .elementor-element.elementor-element-41394ee::before {
  content: '';
  background: linear-gradient(10deg, #D1D2EA 12.81%, rgba(209, 210, 234, 0.00) 66.66%);
  width: 70px;
  height: 130%;
  position: absolute;
  transform: translateX(-50%) skew(-25deg);
  bottom: 0%;
  user-select: none;
  pointer-events: none;
  animation: shinery 3s infinite ease-in-out;
  filter: blur(3px);
}

@keyframes shinery {
  0%, 100% {
    left: -10%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  48% {
    left: 110%;
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}

.elementor-2831 .elementor-element.elementor-element-41394ee:hover {
  transform: translateY(-8px);
  box-shadow: none;
  transition: 0.5s;
}

.elementor-2831 .elementor-element.elementor-element-41394ee svg {
  font-size: 14px;
}
.elementor-2831 .elementor-element.elementor-element-41394ee:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 20px;
 background: radial-gradient(ellipse at center, #A4D9FF 20%, #A4D9FF50 70%, #A4D9FF00 100%);

    mix-blend-mode: screen;
    filter: blur(12px);
    pointer-events: none;
    z-index: 1;
}
 .elementor-2831 .elementor-element.elementor-element-41394ee .elementor-button:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 10px;
    background: radial-gradient( ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70% );
    pointer-events: none;
    z-index: 2;
    
} .elementor-2831 .elementor-element.elementor-element-41394ee .elementor-button:after {
    content: "";
    position: absolute;
    bottom: -4.5px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 10px;
    background: radial-gradient( ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70% );
    pointer-events: none;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9f20d56 */.elementor-2831 .elementor-element.elementor-element-9f20d56 .elementor-button {
    background: radial-gradient(75% 100% at top, #80f194 0%, #3BDA57 30%, #218231 70%, #0f5a1c 100%);
    background-size: 100% 100%;
    background-position: center center;
    border-radius: 16px;
    border-bottom: 2px solid #218231;
    outline: 1px solid #218231;
    outline-offset: 0px;
    transition: all .8s ease;
}

.elementor-2831 .elementor-element.elementor-element-9f20d56 .elementor-button:hover {
    background-size: 100% 100%;
    transition: all .4s ease;
    box-shadow: 0px 0px 150px 20px #3BDA5750;
    filter: brightness(125%);
}

.elementor-2831 .elementor-element.elementor-element-9f20d56 .elementor-button:active {
    transform: scale(0.8) !important;
}

.elementor-2831 .elementor-element.elementor-element-9f20d56 .elementor-button:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 10px;
    background: radial-gradient( ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70% );
    pointer-events: none;
    z-index: 2;
}

.elementor-2831 .elementor-element.elementor-element-9f20d56 .elementor-button:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 20px;
    background: radial-gradient( ellipse at center, #3BDA57 20%, #3BDA5750 70%, #3BDA5700 100% );
    mix-blend-mode: screen;
    filter: blur(12px);
    pointer-events: none;
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b635af6 */.botao {
  border-radius: 72px;
  border-top: 2px solid #B9CEFD;
  background: linear-gradient(90deg, #B50000 0%, #FF2226 50%, #B50000 100%);
  box-shadow: 
    0 10px 20px 0 rgba(181, 0, 0, 0.4),
    0 20px 40px 0 rgba(181, 0, 0, 0.3),
    0 40px 80px 0 rgba(181, 0, 0, 0.2),
    0 60px 120px 0 rgba(181, 0, 0, 0.1);
  outline: none;
  cursor: pointer;
  border: none;
  transition: 0.5s;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  color: white;
  animation: pulse 2.5s infinite; /* pulsando junto com brilho */
}

.botao .elementor-button-icon {
  font-size: 17px;
  color: white;
  margin-right: 8px;
  transition: transform 0.5s ease;
}

.botao:hover .elementor-button-icon {
  transform: translateX(5px) rotate(5deg);
}

.botao:active {
  opacity: 0.5;
}

/* Brilho que passa */
.botao::before {
  content: '';
  background: linear-gradient(10deg, #fff 12.81%, rgba(209, 210, 234, 0.00) 106.66%);
  width: 70px;
  height: 130%;
  position: absolute;
  transform: translateX(-50%) skew(-25deg);
  bottom: 0%;
  user-select: none;
  pointer-events: none;
  animation: shinery 5s infinite ease-in-out;
  filter: blur(3px);
}

@keyframes shinery {
  0%, 100% {
    left: -10%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  48% {
    left: 110%;
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}

/* Pulso */
@keyframes pulse {
  0% {
      box-shadow: 0 0 10px -20px #FF2226;
  }
  50% {
      box-shadow: 0px 0px 0px 30px transparent;
  }
  100% {
      box-shadow: 0px 0px 0px 0px transparent;
  }
}

.botao:hover {
  transform: translateY(-8px);
  box-shadow: none;
  transition: 1s;

}

.botao svg {
  font-size: 14px;
}

.botao:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 20px;
  background: radial-gradient(ellipse at center, #A4D9FF 20%, #A4D9FF50 70%, #A4D9FF00 100%);
  mix-blend-mode: screen;
  filter: blur(12px);
  pointer-events: none;
  z-index: 1;
}

.botao .elementor-button:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 10px;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70%);
  pointer-events: none;
  z-index: 2;
}

.botao .elementor-button:after {
  content: "";
  position: absolute;
  bottom: -4.5px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 10px;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70%);
  pointer-events: none;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-02e9749 */.botao-030 {
  background: #fbca1f;
  font-family: inherit;
  padding: 0.6em 1.3em;
  font-weight: 900;
  font-size: 18px;
  border: 3px solid black;
  border-radius: 0.4em;
  box-shadow: 0.1em 0.1em;
  cursor: pointer;
}

.botao-030:hover {
  transform: translate(-0.05em, -0.05em);
  box-shadow: 0.15em 0.15em;
}

.botao-030:active {
  transform: translate(0.05em, 0.05em);
  box-shadow: 0.05em 0.05em;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6c34d5e *//* UTILIZE O EASY CODER PARA PERSONALIZAR */


.elementor-2831 .elementor-element.elementor-element-6c34d5e,
.elementor-2831 .elementor-element.elementor-element-6c34d5e *,
.elementor-2831 .elementor-element.elementor-element-6c34d5e :after,
.elementor-2831 .elementor-element.elementor-element-6c34d5e :before,
.elementor-2831 .elementor-element.elementor-element-6c34d5e:after,
.elementor-2831 .elementor-element.elementor-element-6c34d5e:before {
  border: 0 solid;
  box-sizing: border-box;
}

.elementor-2831 .elementor-element.elementor-element-6c34d5e {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: button;
  background-color: #000;
  background-image: none;
  color: #fff;
  cursor: pointer;
  margin: 0;
  -webkit-mask-image: -webkit-radial-gradient(#000, #fff);
  padding: 0;
  text-transform: uppercase;
  border-radius: 99rem;
  border-width: 2px;

  z-index: 0;
  overflow: hidden;
  position: relative;
}

.elementor-2831 .elementor-element.elementor-element-6c34d5e .text-container {
  display: block;
  mix-blend-mode: difference;
  overflow: hidden;
  position: relative;
}

.elementor-2831 .elementor-element.elementor-element-6c34d5e .text {
  display: block;
  position: relative;
}

.elementor-2831 .elementor-element.elementor-element-6c34d5e:hover .text {
  animation: move-up-alternate 0.3s forwards;
}

@keyframes move-up-alternate {
  0% { transform: translateY(0); }
  50% { transform: translateY(80%); }
  51% { transform: translateY(-80%); }
  100% { transform: translateY(0); }
}

.elementor-2831 .elementor-element.elementor-element-6c34d5e:after,
.elementor-2831 .elementor-element.elementor-element-6c34d5e:before {
  --skew: 0.2;
  background: #fff;
  content: "";
  display: block;
  height: 102%;
  left: calc(-50% - 50% * var(--skew));
  pointer-events: none;
  position: absolute;
  top: -104%;
  transform: skew(calc(150deg * var(--skew))) translateY(var(--progress, 0));
  transition: transform 0.2s ease;
  width: 100%;
}

.elementor-2831 .elementor-element.elementor-element-6c34d5e:after {
  --progress: 0%;
  left: calc(50% + 50% * var(--skew));
  top: 102%;
  z-index: -1;
}

.elementor-2831 .elementor-element.elementor-element-6c34d5e:hover:before {
  --progress: 100%;
}

.elementor-2831 .elementor-element.elementor-element-6c34d5e:hover:after {
  --progress: -102%;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4f0591f */.button-33 {
  min-height: 53px;
  min-width: 166px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: relative;
  cursor: pointer;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(-12.74%, rgba(110, 239, 255, 0.5)),
    color-stop(56.76%, rgba(106, 224, 255, 0.271))
  );
  background: linear-gradient(
    90deg,
    rgba(110, 239, 255, 0.5) -12.74%,
    rgba(106, 224, 255, 0.271) 56.76%
  );
  border: 2px solid #acf7ff;


}

.button-33:before {
  content: "";
  width: 4px;
  height: 28px;
  background: #19173b;
  border: 2px solid #acf7ff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  border-top: 0;
  border-left: 0;
  border-bottom: 0;
  bottom: -7px;
  left: 4px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}

.button-33:after {
  content: "";
  position: absolute;
  left: -2px;
  bottom: -2px;
  border-top: 15px solid transparent;
  border-left: 15px solid #fffcf7;
}/* End custom CSS */