.elementor-288 .elementor-element.elementor-element-689b98e{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-288 .elementor-element.elementor-element-689b98e:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-689b98e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-288 .elementor-element.elementor-element-410b0be{width:var( --container-widget-width, 77% );max-width:77%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:77%;--container-widget-flex-grow:0;z-index:18;}.elementor-288 .elementor-element.elementor-element-410b0be.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-410b0be .elementor-image-box-wrapper{text-align:center;}.elementor-288 .elementor-element.elementor-element-410b0be .elementor-image-box-title{margin-bottom:9px;font-family:"Space Grotesk", Sans-serif;font-size:45px;font-weight:400;line-height:1.5em;color:#F6FAFF;}.elementor-288 .elementor-element.elementor-element-410b0be .elementor-image-box-description{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-854af2f{width:100%;max-width:100%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-288 .elementor-element.elementor-element-ffc8ac9{width:var( --container-widget-width, 100px );max-width:100px;margin:-53px -50px calc(var(--kit-widget-spacing, 0px) + -60px) -49px;padding:0px 0px 0px 0px;--container-widget-width:100px;--container-widget-flex-grow:0;bottom:103px;}body:not(.rtl) .elementor-288 .elementor-element.elementor-element-ffc8ac9{right:14vw;}body.rtl .elementor-288 .elementor-element.elementor-element-ffc8ac9{left:14vw;}.elementor-288 .elementor-element.elementor-element-e7aaef9{width:var( --container-widget-width, 176.84px );max-width:176.84px;margin:-30px -30px calc(var(--kit-widget-spacing, 0px) + -30px) -30px;padding:0px 0px 0px 0px;--container-widget-width:176.84px;--container-widget-flex-grow:0;top:243.964px;}body:not(.rtl) .elementor-288 .elementor-element.elementor-element-e7aaef9{left:105px;}body.rtl .elementor-288 .elementor-element.elementor-element-e7aaef9{right:105px;}.elementor-288 .elementor-element.elementor-element-70056cd{width:var( --container-widget-width, 31px );max-width:31px;margin:-26px -26px calc(var(--kit-widget-spacing, 0px) + -26px) -26px;padding:0px 0px 0px 0px;--container-widget-width:31px;--container-widget-flex-grow:0;bottom:665px;}body:not(.rtl) .elementor-288 .elementor-element.elementor-element-70056cd{right:24vw;}body.rtl .elementor-288 .elementor-element.elementor-element-70056cd{left:24vw;}.elementor-288 .elementor-element.elementor-element-3bf7308{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#209EAF2E;--border-color:#209EAF2E;--padding-top:5vw;--padding-bottom:5vw;--padding-left:0vw;--padding-right:0vw;}.elementor-288 .elementor-element.elementor-element-3bf7308:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-3bf7308 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161C1B;background-image:url("https://etevaldajoias.com/wp-content/uploads/2025/11/section-03-web.webp");background-position:center center;background-repeat:repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-288 .elementor-element.elementor-element-e870898 .elementor-heading-title{font-family:"Gilroy", Sans-serif;font-size:20px;font-weight:300;text-transform:uppercase;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-0a20879{--display:flex;}.elementor-288 .elementor-element.elementor-element-7c3190e.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-7c3190e.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-7c3190e.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-7c3190e .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-7c3190e .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-7c3190e .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-7c3190e:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-7c3190e:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-7c3190e .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-1c23e4d{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-1c23e4d.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-2d87889{--display:flex;}.elementor-288 .elementor-element.elementor-element-3f37641.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-3f37641.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-3f37641.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-3f37641 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-3f37641 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-3f37641 .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-3f37641:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-3f37641:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-3f37641 .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-9d47611{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-9d47611.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-29bf2b1{--display:flex;}.elementor-288 .elementor-element.elementor-element-1a72515.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-1a72515.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-1a72515.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-1a72515 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-1a72515 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-1a72515 .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-1a72515:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-1a72515:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-1a72515 .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-b33f7d0{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-b33f7d0.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-06533d5{--display:flex;}.elementor-288 .elementor-element.elementor-element-8d709c7.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-8d709c7.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-8d709c7.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-8d709c7 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-8d709c7 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-8d709c7 .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-8d709c7:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-8d709c7:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-8d709c7 .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-1f6b932{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-1f6b932.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-45de11a{--display:flex;}.elementor-288 .elementor-element.elementor-element-15e4be9.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-15e4be9.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-15e4be9.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-15e4be9 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-15e4be9 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-15e4be9 .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-15e4be9:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-15e4be9:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-15e4be9 .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-58be1c1{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-58be1c1.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-3bf9c0e{--display:flex;}.elementor-288 .elementor-element.elementor-element-1d115ef.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-1d115ef.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-1d115ef.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-1d115ef .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-1d115ef .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-1d115ef .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-1d115ef:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-1d115ef:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-1d115ef .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-9f42c97{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-9f42c97.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-b3efd86{--display:flex;}.elementor-288 .elementor-element.elementor-element-2ca9ec0.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-2ca9ec0.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-2ca9ec0.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-2ca9ec0 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-2ca9ec0 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-2ca9ec0 .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-2ca9ec0:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-2ca9ec0:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-2ca9ec0 .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-124cd11{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-124cd11.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-470c22f{--display:flex;}.elementor-288 .elementor-element.elementor-element-fc08615.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-fc08615.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-fc08615.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-fc08615 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-fc08615 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-fc08615 .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-fc08615:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-fc08615:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-fc08615 .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-635c6db .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-635c6db{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-635c6db.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-25d3d17{--display:flex;}.elementor-288 .elementor-element.elementor-element-305026e.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-305026e.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-305026e.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-305026e .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-305026e .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-305026e .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-305026e:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-305026e:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-305026e .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-db1a079{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-db1a079.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-584eef6{--display:flex;}.elementor-288 .elementor-element.elementor-element-9fb9a43.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-9fb9a43.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-9fb9a43.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-9fb9a43 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-9fb9a43 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-9fb9a43 .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-9fb9a43:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-9fb9a43:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-9fb9a43 .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-cd71ca1{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-cd71ca1.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-cf4f0f3{--display:flex;}.elementor-288 .elementor-element.elementor-element-cd848f9.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-cd848f9.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-cd848f9.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-cd848f9 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-cd848f9 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-cd848f9 .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-cd848f9:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-cd848f9:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-cd848f9 .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-b79aef6{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-b79aef6.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-062790f{--display:flex;}.elementor-288 .elementor-element.elementor-element-7a35659.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-7a35659.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-7a35659.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-7a35659 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-7a35659 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-7a35659 .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-7a35659:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-7a35659:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-7a35659 .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-7282761 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-7282761{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-7282761.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-f30055f{--display:flex;}.elementor-288 .elementor-element.elementor-element-0d08d31.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-0d08d31.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-0d08d31.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-0d08d31 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-0d08d31 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-0d08d31 .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-0d08d31:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-0d08d31:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-0d08d31 .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-09f02be .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-09f02be{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-09f02be.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-e6cbbfc{--display:flex;}.elementor-288 .elementor-element.elementor-element-8b0ca0c.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-8b0ca0c.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-8b0ca0c.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-8b0ca0c .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-8b0ca0c .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-8b0ca0c .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-8b0ca0c:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-8b0ca0c:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-8b0ca0c .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-298a888 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-298a888{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-298a888.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-9a99487{--display:flex;}.elementor-288 .elementor-element.elementor-element-7824359.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-7824359.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-7824359.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-7824359 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-7824359 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-7824359 .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-7824359:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-7824359:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-7824359 .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-ef62fe1{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-ef62fe1.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-eb38c4f{--display:flex;}.elementor-288 .elementor-element.elementor-element-8bd32b1.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-8bd32b1.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-8bd32b1.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-8bd32b1 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-8bd32b1 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-8bd32b1 .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-8bd32b1:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-8bd32b1:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-8bd32b1 .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-94cc41e{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-94cc41e.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-cd7db7a{--display:flex;}.elementor-288 .elementor-element.elementor-element-c7a4c93.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-c7a4c93.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-c7a4c93.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-c7a4c93 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-c7a4c93 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-c7a4c93 .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-c7a4c93:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-c7a4c93:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-c7a4c93 .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-7da9d2e{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-7da9d2e.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-c90ab4e{--display:flex;}.elementor-288 .elementor-element.elementor-element-37ca0cd.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-37ca0cd.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-37ca0cd.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-37ca0cd .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-37ca0cd .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-37ca0cd .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-37ca0cd:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-37ca0cd:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-37ca0cd .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-789cd68{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-789cd68.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-3be2f15{--display:flex;}.elementor-288 .elementor-element.elementor-element-df2530d.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-df2530d.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-df2530d.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-df2530d .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-df2530d .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-df2530d .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-df2530d:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-df2530d:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-df2530d .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-ce760c5{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-ce760c5.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-2b484f1{--display:flex;}.elementor-288 .elementor-element.elementor-element-3f61cb4.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-3f61cb4.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-3f61cb4.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-3f61cb4 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-3f61cb4 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-3f61cb4 .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-3f61cb4:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-3f61cb4:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-3f61cb4 .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-d2dbfd8{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-d2dbfd8.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-5cd9a0a{--display:flex;}.elementor-288 .elementor-element.elementor-element-67683da.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-67683da.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-67683da.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-67683da .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-67683da .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-67683da .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-67683da:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-67683da:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-67683da .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-cbb379e{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-cbb379e.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-30593e5{--display:flex;}.elementor-288 .elementor-element.elementor-element-b28cd2a.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-b28cd2a.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-b28cd2a.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-b28cd2a .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-b28cd2a .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-b28cd2a .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-b28cd2a:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-b28cd2a:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-b28cd2a .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-3e34997{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-3e34997.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-67feac5{--display:flex;}.elementor-288 .elementor-element.elementor-element-3c776f4.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-3c776f4.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-3c776f4.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-3c776f4 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-3c776f4 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-3c776f4 .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-3c776f4:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-3c776f4:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-3c776f4 .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-322c42d .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-322c42d{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-322c42d.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-a6fbeb3{--display:flex;}.elementor-288 .elementor-element.elementor-element-916391b.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-916391b.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-916391b.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-916391b .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-916391b .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-916391b .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-916391b:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-916391b:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-916391b .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-bf3dc91{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-bf3dc91.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-1b7d56f{--display:flex;}.elementor-288 .elementor-element.elementor-element-162d00c.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-162d00c.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-162d00c.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-162d00c .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-162d00c .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-162d00c .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-162d00c:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-162d00c:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-162d00c .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-cf46858{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-cf46858.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-8583393{--display:flex;}.elementor-288 .elementor-element.elementor-element-c922d62.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-c922d62.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-c922d62.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-c922d62 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-c922d62 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-c922d62 .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-c922d62:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-c922d62:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-c922d62 .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-6b9ea24{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-6b9ea24.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-480e29e{--display:flex;}.elementor-288 .elementor-element.elementor-element-7173e39.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-7173e39.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-7173e39.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-7173e39 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-7173e39 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-7173e39 .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-7173e39:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-7173e39:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-7173e39 .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-330a3e1{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-330a3e1.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-e06c9cb{--display:flex;}.elementor-288 .elementor-element.elementor-element-51153de.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-51153de.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-51153de.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-51153de .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-51153de .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-51153de .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-51153de:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-51153de:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-51153de .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-5ec0b1d{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-5ec0b1d.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-ca6d00b{--display:flex;}.elementor-288 .elementor-element.elementor-element-ca559f0.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-ca559f0.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-ca559f0.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-ca559f0 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-288 .elementor-element.elementor-element-ca559f0 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-ca559f0 .elementor-image-box-title{font-family:"Gilroy", Sans-serif;font-weight:700;color:#209EAF;}.elementor-288 .elementor-element.elementor-element-ca559f0:has(:hover) .elementor-image-box-title, .elementor-288 .elementor-element.elementor-element-ca559f0:has(:focus) .elementor-image-box-title{color:#209EAF;}.elementor-288 .elementor-element.elementor-element-ca559f0 .elementor-image-box-description{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:400;line-height:130%;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-c67c398{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-c67c398.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-0397277{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;width:var( --container-widget-width, 330px );max-width:330px;--container-widget-width:330px;--container-widget-flex-grow:0;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-500px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-500px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#209EAF3D;--e-n-carousel-dots-normal-color:#209EAF3D;--e-n-carousel-dots-hover-color:#209EAF;--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-horizontal-offset:0px;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:0px;--e-n-carousel-swiper-pagination-spacing:52px;}.elementor-288 .elementor-element.elementor-element-0397277.elementor-element{--align-self:center;}.elementor-288 .elementor-element.elementor-element-f053117{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#6BC3D2;--border-color:#6BC3D2;--border-radius:0px 0px 0px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-288 .elementor-element.elementor-element-f053117:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-f053117 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-288 .elementor-element.elementor-element-3f66beb{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-288 .elementor-element.elementor-element-3f66beb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(39px/2);}.elementor-288 .elementor-element.elementor-element-3f66beb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(39px/2);}.elementor-288 .elementor-element.elementor-element-3f66beb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(39px/2);}.elementor-288 .elementor-element.elementor-element-3f66beb .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-39px/2);}.elementor-288 .elementor-element.elementor-element-3f66beb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-39px/2);}.elementor-288 .elementor-element.elementor-element-3f66beb .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-288 .elementor-element.elementor-element-3f66beb .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-288 .elementor-element.elementor-element-3f66beb .elementor-icon-list-icon{padding-inline-end:30px;}.elementor-288 .elementor-element.elementor-element-3f66beb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-288 .elementor-element.elementor-element-3f66beb .elementor-icon-list-item > a{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;}.elementor-288 .elementor-element.elementor-element-3f66beb .elementor-icon-list-text{color:#6BC3D2;transition:color 0.3s;}.elementor-288 .elementor-element.elementor-element-2daaf7d{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:10vw;--padding-bottom:10vw;--padding-left:5vw;--padding-right:5vw;}.elementor-288 .elementor-element.elementor-element-2daaf7d:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-2daaf7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #001804 88%);}.elementor-288 .elementor-element.elementor-element-1ed0d8c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-288 .elementor-element.elementor-element-4eb296f{width:initial;max-width:initial;text-align:start;}.elementor-288 .elementor-element.elementor-element-4eb296f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-4eb296f .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:48px;font-weight:400;line-height:1.1em;color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-2db9467{--display:flex;border-style:none;--border-style:none;--border-radius:9px 9px 9px 9px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:23px;--padding-bottom:23px;--padding-left:23px;--padding-right:23px;}.elementor-288 .elementor-element.elementor-element-2db9467:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-2db9467 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-cc65cd7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-288 .elementor-element.elementor-element-cad49e5{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;color:#000000;}.elementor-288 .elementor-element.elementor-element-14af642{--display:flex;border-style:none;--border-style:none;--border-radius:9px 9px 9px 9px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:23px;--padding-bottom:23px;--padding-left:23px;--padding-right:23px;}.elementor-288 .elementor-element.elementor-element-14af642:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-14af642 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-9308ba9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-288 .elementor-element.elementor-element-6ca043d{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;color:#000000;}.elementor-288 .elementor-element.elementor-element-54a61f5{--display:flex;border-style:none;--border-style:none;--border-radius:9px 9px 9px 9px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:23px;--padding-bottom:23px;--padding-left:23px;--padding-right:23px;}.elementor-288 .elementor-element.elementor-element-54a61f5:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-54a61f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-e02121b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-288 .elementor-element.elementor-element-25ac9f2{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;color:#000000;}.elementor-288 .elementor-element.elementor-element-e614c24{--display:flex;border-style:none;--border-style:none;--border-radius:9px 9px 9px 9px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:23px;--padding-bottom:23px;--padding-left:23px;--padding-right:23px;}.elementor-288 .elementor-element.elementor-element-e614c24:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-e614c24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-6aeb215{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-288 .elementor-element.elementor-element-da5e5ea{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;color:#000000;}.elementor-288 .elementor-element.elementor-element-e8502eb{--display:flex;border-style:none;--border-style:none;--border-radius:9px 9px 9px 9px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:23px;--padding-bottom:23px;--padding-left:23px;--padding-right:23px;}.elementor-288 .elementor-element.elementor-element-e8502eb:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-e8502eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-0323966{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-288 .elementor-element.elementor-element-5f12936{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;color:#000000;}.elementor-288 .elementor-element.elementor-element-5944e01{--n-accordion-title-font-size:18px;width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;z-index:99;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:13px;--n-accordion-item-title-distance-from-content:11px;--n-accordion-border-radius:12px 12px 12px 12px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:var( --e-global-color-accent );--n-accordion-title-active-color:var( --e-global-color-accent );--n-accordion-icon-size:21px;--n-accordion-icon-normal-color:#B2FE02;--n-accordion-icon-hover-color:#02010100;--n-accordion-icon-active-color:var( --e-global-color-accent );}.elementor-288 .elementor-element.elementor-element-5944e01 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#000602;border-style:none;}.elementor-288 .elementor-element.elementor-element-5944e01 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#000903;}.elementor-288 .elementor-element.elementor-element-5944e01 > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#000903;}.elementor-288 .elementor-element.elementor-element-5944e01 {--n-accordion-padding:20px 30px 20px 30px;}:where( .elementor-288 .elementor-element.elementor-element-5944e01 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"DM Sans", Sans-serif;font-weight:500;line-height:1.4em;}.elementor-288 .elementor-element.elementor-element-4c6d71b{--display:flex;}.elementor-288 .elementor-element.elementor-element-fac009e{width:100%;max-width:100%;}.elementor-288 .elementor-element.elementor-element-54ac4b7{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-288 .elementor-element.elementor-element-54ac4b7:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-54ac4b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-288 .elementor-element.elementor-element-54ac4b7.e-con{--align-self:center;}.elementor-288 .elementor-element.elementor-element-d1053ca{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-288 .elementor-element.elementor-element-d1053ca.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-d1053ca .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:40px;font-weight:300;line-height:1.5em;color:var( --e-global-color-primary );}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-288 .elementor-element.elementor-element-bc47a67 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-288 .elementor-element.elementor-element-bc47a67 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-288 .elementor-element.elementor-element-bc47a67{width:var( --container-widget-width, 1040px );max-width:1040px;--container-widget-width:1040px;--container-widget-flex-grow:0;--image-border-radius:10px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-justify-content:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-288 .elementor-element.elementor-element-bc47a67.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-cc103a6 .elementor-button{background-color:#00AF2800;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:22px;fill:#1E1E1E;color:#1E1E1E;border-radius:5px 5px 5px 5px;padding:22px 042px 22px 042px;}.elementor-288 .elementor-element.elementor-element-cc103a6{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-cc103a6.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-a2e3b82{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-288 .elementor-element.elementor-element-a2e3b82:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-a2e3b82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://etevaldajoias.com/wp-content/uploads/2025/11/i5tec029.webp");background-position:top center;background-size:cover;}.elementor-288 .elementor-element.elementor-element-e61fb27{width:var( --container-widget-width, 49% );max-width:49%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:49%;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-e61fb27.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-e61fb27 .elementor-image-box-wrapper{text-align:center;}.elementor-288 .elementor-element.elementor-element-e61fb27 .elementor-image-box-title{margin-bottom:0px;font-family:"Space Grotesk", Sans-serif;font-size:40px;font-weight:300;line-height:1.5em;color:var( --e-global-color-primary );}.elementor-288 .elementor-element.elementor-element-e61fb27 .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-secondary );}.elementor-288 .elementor-element.elementor-element-b497e5e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-288 .elementor-element.elementor-element-b497e5e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-b83b7dd{--display:flex;--min-height:486px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:5.27px 5.27px 5.27px 5.27px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-288 .elementor-element.elementor-element-b83b7dd:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-b83b7dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://etevaldajoias.com/wp-content/uploads/2025/11/i5tec007.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-288 .elementor-element.elementor-element-27c8ac5{width:var( --container-widget-width, 278px );max-width:278px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:278px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-27c8ac5.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-27c8ac5 .elementor-image-box-wrapper{text-align:start;}.elementor-288 .elementor-element.elementor-element-27c8ac5 .elementor-image-box-title{margin-bottom:11px;font-family:"Space Grotesk", Sans-serif;font-size:28px;font-weight:400;text-transform:uppercase;line-height:1.3em;color:#F6FAFF;}.elementor-288 .elementor-element.elementor-element-27c8ac5 .elementor-image-box-description{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#F6FAFF;}.elementor-288 .elementor-element.elementor-element-8bcfe62{--display:flex;--min-height:486px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:5.27px 5.27px 5.27px 5.27px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-288 .elementor-element.elementor-element-8bcfe62:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-8bcfe62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://etevaldajoias.com/wp-content/uploads/2025/11/i5tec007.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-288 .elementor-element.elementor-element-38a7bd2{width:var( --container-widget-width, 278px );max-width:278px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:278px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-38a7bd2.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-38a7bd2 .elementor-image-box-wrapper{text-align:start;}.elementor-288 .elementor-element.elementor-element-38a7bd2 .elementor-image-box-title{margin-bottom:11px;font-family:"Space Grotesk", Sans-serif;font-size:28px;font-weight:400;text-transform:uppercase;line-height:1.3em;color:#F6FAFF;}.elementor-288 .elementor-element.elementor-element-38a7bd2 .elementor-image-box-description{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#F6FAFF;}.elementor-288 .elementor-element.elementor-element-c8e742f{--display:flex;--min-height:486px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:5.27px 5.27px 5.27px 5.27px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-288 .elementor-element.elementor-element-c8e742f:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-c8e742f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://etevaldajoias.com/wp-content/uploads/2025/11/i5tec007.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-288 .elementor-element.elementor-element-20dcfda{width:var( --container-widget-width, 278px );max-width:278px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:278px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-20dcfda.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-20dcfda .elementor-image-box-wrapper{text-align:start;}.elementor-288 .elementor-element.elementor-element-20dcfda .elementor-image-box-title{margin-bottom:11px;font-family:"Space Grotesk", Sans-serif;font-size:28px;font-weight:400;text-transform:uppercase;line-height:1.3em;color:#F6FAFF;}.elementor-288 .elementor-element.elementor-element-20dcfda .elementor-image-box-description{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#F6FAFF;}.elementor-288 .elementor-element.elementor-element-fdc63e2{--display:flex;--min-height:486px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:5.27px 5.27px 5.27px 5.27px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-288 .elementor-element.elementor-element-fdc63e2:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-fdc63e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://etevaldajoias.com/wp-content/uploads/2025/11/i5tec007.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-288 .elementor-element.elementor-element-3ddfabc{width:var( --container-widget-width, 278px );max-width:278px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:278px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-3ddfabc.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-3ddfabc .elementor-image-box-wrapper{text-align:start;}.elementor-288 .elementor-element.elementor-element-3ddfabc .elementor-image-box-title{margin-bottom:11px;font-family:"Space Grotesk", Sans-serif;font-size:28px;font-weight:400;text-transform:uppercase;line-height:1.3em;color:#F6FAFF;}.elementor-288 .elementor-element.elementor-element-3ddfabc .elementor-image-box-description{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#F6FAFF;}.elementor-288 .elementor-element.elementor-element-fce0017{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10vw;--padding-bottom:10vw;--padding-left:5vw;--padding-right:5vw;}.elementor-288 .elementor-element.elementor-element-fce0017:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-fce0017 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-288 .elementor-element.elementor-element-c28e5e8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-288 .elementor-element.elementor-element-c28e5e8:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-c28e5e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-703ee09{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-288 .elementor-element.elementor-element-703ee09.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-288 .elementor-element.elementor-element-c353dae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-288 .elementor-element.elementor-element-c353dae.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-288 .elementor-element.elementor-element-c353dae .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:300;text-transform:uppercase;line-height:1.5em;letter-spacing:3.2px;color:#000000;}.elementor-288 .elementor-element.elementor-element-2f65fb3{width:var( --container-widget-width, 79% );max-width:79%;margin:-020px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:79%;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-2f65fb3.elementor-element{--align-self:flex-start;}.elementor-288 .elementor-element.elementor-element-2f65fb3 .elementor-image-box-wrapper{text-align:start;}.elementor-288 .elementor-element.elementor-element-2f65fb3 .elementor-image-box-title{margin-bottom:0px;font-family:"DM Sans", Sans-serif;font-size:40px;font-weight:700;line-height:1.5em;color:#000000;}.elementor-288 .elementor-element.elementor-element-2f65fb3 .elementor-image-box-description{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#787878;}.elementor-288 .elementor-element.elementor-element-62253f1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-288 .elementor-element.elementor-element-6011525{width:var( --container-widget-width, 50% );max-width:50%;padding:0px 0px 0px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;border-radius:8px 8px 8px 8px;}.elementor-288 .elementor-element.elementor-element-6011525 .elementor-image-box-wrapper{text-align:start;}.elementor-288 .elementor-element.elementor-element-6011525.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-288 .elementor-element.elementor-element-6011525.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-288 .elementor-element.elementor-element-6011525.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-6011525 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-288 .elementor-element.elementor-element-6011525 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-288 .elementor-element.elementor-element-6011525 .elementor-image-box-title{font-family:"DM Sans", Sans-serif;font-size:28px;font-weight:600;line-height:1.5em;color:#000000;}.elementor-288 .elementor-element.elementor-element-6011525 .elementor-image-box-description{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#787878;}.elementor-288 .elementor-element.elementor-element-038a0f2.elementor-element{--align-self:flex-start;}.elementor-288 .elementor-element.elementor-element-cc81826{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-cc81826 img{border-radius:12px 12px 12px 12px;}.elementor-288 .elementor-element.elementor-element-ec8805c{--display:flex;}.elementor-288 .elementor-element.elementor-element-ff30c4b{--display:flex;}@media(max-width:1024px){.elementor-288 .elementor-element.elementor-element-689b98e{--min-height:0px;--justify-content:center;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-288 .elementor-element.elementor-element-410b0be{width:var( --container-widget-width, 677px );max-width:677px;padding:6vw 0vw 0vw 0vw;--container-widget-width:677px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-410b0be .elementor-image-box-title{font-size:36px;}.elementor-288 .elementor-element.elementor-element-410b0be .elementor-image-box-description{font-size:16px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-288 .elementor-element.elementor-element-3bf7308{--min-height:977px;--padding-top:10vw;--padding-bottom:10vw;--padding-left:5vw;--padding-right:5vw;}.elementor-288 .elementor-element.elementor-element-3bf7308:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-3bf7308 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-635c6db .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-7282761 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-09f02be .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-298a888 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-322c42d .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-0397277{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-40%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-position:-40%;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-288 .elementor-element.elementor-element-3f66beb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-288 .elementor-element.elementor-element-3f66beb .elementor-icon-list-item > a{font-size:16px;}.elementor-288 .elementor-element.elementor-element-2daaf7d{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-288 .elementor-element.elementor-element-1ed0d8c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-288 .elementor-element.elementor-element-4eb296f{--container-widget-width:77%;--container-widget-flex-grow:0;width:var( --container-widget-width, 77% );max-width:77%;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-288 .elementor-element.elementor-element-5944e01{width:100%;max-width:100%;--n-accordion-title-font-size:20px;}.elementor-288 .elementor-element.elementor-element-54ac4b7{--min-height:573px;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-288 .elementor-element.elementor-element-d1053ca .elementor-heading-title{font-size:36px;}.elementor-widget-gallery .elementor-gallery-item__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-gallery .elementor-gallery-item__description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-gallery .elementor-gallery-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-288 .elementor-element.elementor-element-cc103a6{width:var( --container-widget-width, 491.422px );max-width:491.422px;--container-widget-width:491.422px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-cc103a6 .elementor-button{font-size:16px;}.elementor-288 .elementor-element.elementor-element-a2e3b82{--min-height:722px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-288 .elementor-element.elementor-element-e61fb27{width:var( --container-widget-width, 74% );max-width:74%;padding:0vw 0vw 0vw 0vw;--container-widget-width:74%;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-e61fb27 .elementor-image-box-title{font-size:36px;}.elementor-288 .elementor-element.elementor-element-e61fb27 .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-288 .elementor-element.elementor-element-b497e5e{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-288 .elementor-element.elementor-element-b83b7dd:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-b83b7dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-288 .elementor-element.elementor-element-b83b7dd{--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-288 .elementor-element.elementor-element-27c8ac5{width:var( --container-widget-width, 439px );max-width:439px;--container-widget-width:439px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-27c8ac5 .elementor-image-box-title{font-size:28px;}.elementor-288 .elementor-element.elementor-element-27c8ac5 .elementor-image-box-description{font-size:16px;}.elementor-288 .elementor-element.elementor-element-8bcfe62:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-8bcfe62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-288 .elementor-element.elementor-element-8bcfe62{--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-288 .elementor-element.elementor-element-38a7bd2{width:var( --container-widget-width, 439px );max-width:439px;--container-widget-width:439px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-38a7bd2 .elementor-image-box-title{font-size:28px;}.elementor-288 .elementor-element.elementor-element-38a7bd2 .elementor-image-box-description{font-size:16px;}.elementor-288 .elementor-element.elementor-element-c8e742f:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-c8e742f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-288 .elementor-element.elementor-element-c8e742f{--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-288 .elementor-element.elementor-element-20dcfda{width:var( --container-widget-width, 439px );max-width:439px;--container-widget-width:439px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-20dcfda .elementor-image-box-title{font-size:28px;}.elementor-288 .elementor-element.elementor-element-20dcfda .elementor-image-box-description{font-size:16px;}.elementor-288 .elementor-element.elementor-element-fdc63e2:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-fdc63e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-288 .elementor-element.elementor-element-fdc63e2{--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-288 .elementor-element.elementor-element-3ddfabc{width:var( --container-widget-width, 439px );max-width:439px;--container-widget-width:439px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-3ddfabc .elementor-image-box-title{font-size:28px;}.elementor-288 .elementor-element.elementor-element-3ddfabc .elementor-image-box-description{font-size:16px;}.elementor-288 .elementor-element.elementor-element-c28e5e8{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-288 .elementor-element.elementor-element-703ee09{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-288 .elementor-element.elementor-element-c353dae .elementor-heading-title{font-size:16px;line-height:1.2em;letter-spacing:3.5px;}.elementor-288 .elementor-element.elementor-element-2f65fb3 .elementor-image-box-title{font-size:36px;line-height:1.5em;}.elementor-288 .elementor-element.elementor-element-2f65fb3 .elementor-image-box-description{line-height:1.5em;}.elementor-288 .elementor-element.elementor-element-62253f1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-288 .elementor-element.elementor-element-6011525{width:100%;max-width:100%;}.elementor-288 .elementor-element.elementor-element-6011525 .elementor-image-box-title{font-size:36px;line-height:1.2em;}.elementor-288 .elementor-element.elementor-element-cc81826{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-288 .elementor-element.elementor-element-689b98e{--min-height:0px;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-288 .elementor-element.elementor-element-410b0be{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-410b0be .elementor-image-box-title{margin-bottom:0px;font-size:30px;line-height:1.2em;}.elementor-288 .elementor-element.elementor-element-410b0be .elementor-image-box-description{font-size:15px;line-height:1.2em;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-288 .elementor-element.elementor-element-ffc8ac9{--container-widget-width:20px;--container-widget-flex-grow:0;width:var( --container-widget-width, 20px );max-width:20px;bottom:155px;}body:not(.rtl) .elementor-288 .elementor-element.elementor-element-ffc8ac9{right:-1vw;}body.rtl .elementor-288 .elementor-element.elementor-element-ffc8ac9{left:-1vw;}.elementor-288 .elementor-element.elementor-element-e7aaef9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:40px;--container-widget-flex-grow:0;width:var( --container-widget-width, 40px );max-width:40px;top:249px;}body:not(.rtl) .elementor-288 .elementor-element.elementor-element-e7aaef9{left:-7px;}body.rtl .elementor-288 .elementor-element.elementor-element-e7aaef9{right:-7px;}.elementor-288 .elementor-element.elementor-element-3bf7308{--min-height:0px;--padding-top:10vw;--padding-bottom:10vw;--padding-left:5vw;--padding-right:5vw;}.elementor-288 .elementor-element.elementor-element-3bf7308:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-3bf7308 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-288 .elementor-element.elementor-element-e870898{width:var( --container-widget-width, 79% );max-width:79%;--container-widget-width:79%;--container-widget-flex-grow:0;text-align:center;}.elementor-288 .elementor-element.elementor-element-e870898 .elementor-heading-title{font-size:14px;}.elementor-288 .elementor-element.elementor-element-7c3190e .elementor-image-box-img{margin-bottom:15px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-288 .elementor-element.elementor-element-1c23e4d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-3f37641 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-9d47611{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-1a72515 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-b33f7d0{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-8d709c7 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-1f6b932{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-15e4be9 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-58be1c1{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-1d115ef .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-9f42c97{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-2ca9ec0 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-124cd11{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-fc08615 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-635c6db{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-635c6db .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-305026e .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-db1a079{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-9fb9a43 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-cd71ca1{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-cd848f9 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-b79aef6{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-7a35659 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-7282761{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-7282761 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-0d08d31 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-09f02be{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-09f02be .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-8b0ca0c .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-298a888{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-298a888 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-7824359 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-ef62fe1{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-8bd32b1 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-94cc41e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-c7a4c93 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-7da9d2e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-37ca0cd .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-789cd68{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-df2530d .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-ce760c5{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-3f61cb4 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-d2dbfd8{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-67683da .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-cbb379e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-b28cd2a .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-3e34997{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-3c776f4 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-322c42d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-322c42d .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-916391b .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-bf3dc91{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-162d00c .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-cf46858{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-c922d62 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-6b9ea24{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-7173e39 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-330a3e1{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-51153de .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-5ec0b1d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-ca559f0 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-c67c398{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-0397277{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-20px;--e-n-carousel-arrow-next-right-position:-20px;--e-n-carousel-arrow-size:25px;--e-n-carousel-dots-horizontal-offset:0px;}.elementor-288 .elementor-element.elementor-element-f053117{--min-height:0px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-288 .elementor-element.elementor-element-3f66beb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-288 .elementor-element.elementor-element-3f66beb .elementor-icon-list-item > a{font-size:15px;line-height:1.2em;}.elementor-288 .elementor-element.elementor-element-1ed0d8c{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-288 .elementor-element.elementor-element-4eb296f{width:100%;max-width:100%;text-align:start;}.elementor-288 .elementor-element.elementor-element-4eb296f .elementor-heading-title{font-size:32px;line-height:1.3em;}.elementor-288 .elementor-element.elementor-element-2db9467{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-288 .elementor-element.elementor-element-cad49e5{font-size:14px;line-height:1.3em;}.elementor-288 .elementor-element.elementor-element-14af642{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-288 .elementor-element.elementor-element-6ca043d{font-size:14px;line-height:1.3em;}.elementor-288 .elementor-element.elementor-element-54a61f5{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-288 .elementor-element.elementor-element-25ac9f2{font-size:14px;line-height:1.3em;}.elementor-288 .elementor-element.elementor-element-e614c24{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-288 .elementor-element.elementor-element-da5e5ea{font-size:14px;line-height:1.3em;}.elementor-288 .elementor-element.elementor-element-e8502eb{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-288 .elementor-element.elementor-element-5f12936{font-size:14px;line-height:1.3em;}.elementor-288 .elementor-element.elementor-element-5944e01{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-font-size:14px;}:where( .elementor-288 .elementor-element.elementor-element-5944e01 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:1.1em;}.elementor-288 .elementor-element.elementor-element-54ac4b7{--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-288 .elementor-element.elementor-element-d1053ca{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15vw 0vw 0vw 0vw;text-align:center;}.elementor-288 .elementor-element.elementor-element-d1053ca .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-widget-gallery .elementor-gallery-item__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-gallery .elementor-gallery-item__description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-gallery .elementor-gallery-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-288 .elementor-element.elementor-element-cc103a6{width:var( --container-widget-width, 325.992px );max-width:325.992px;--container-widget-width:325.992px;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-cc103a6 .elementor-button{padding:22px 47px 22px 47px;}.elementor-288 .elementor-element.elementor-element-a2e3b82{--min-height:0px;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-288 .elementor-element.elementor-element-e61fb27 .elementor-image-box-title{font-size:30px;line-height:1.2em;}.elementor-288 .elementor-element.elementor-element-e61fb27 .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-288 .elementor-element.elementor-element-b497e5e{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-288 .elementor-element.elementor-element-b83b7dd{--min-height:204px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-288 .elementor-element.elementor-element-b83b7dd:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-b83b7dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:465px auto;}.elementor-288 .elementor-element.elementor-element-27c8ac5 .elementor-image-box-title{font-size:17px;}.elementor-288 .elementor-element.elementor-element-27c8ac5 .elementor-image-box-description{font-size:15px;}.elementor-288 .elementor-element.elementor-element-8bcfe62{--min-height:204px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-288 .elementor-element.elementor-element-8bcfe62:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-8bcfe62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:465px auto;}.elementor-288 .elementor-element.elementor-element-38a7bd2 .elementor-image-box-title{font-size:17px;}.elementor-288 .elementor-element.elementor-element-38a7bd2 .elementor-image-box-description{font-size:15px;}.elementor-288 .elementor-element.elementor-element-c8e742f{--min-height:204px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-288 .elementor-element.elementor-element-c8e742f:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-c8e742f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:465px auto;}.elementor-288 .elementor-element.elementor-element-20dcfda .elementor-image-box-title{font-size:17px;}.elementor-288 .elementor-element.elementor-element-20dcfda .elementor-image-box-description{font-size:15px;}.elementor-288 .elementor-element.elementor-element-fdc63e2{--min-height:204px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-288 .elementor-element.elementor-element-fdc63e2:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-fdc63e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:465px auto;}.elementor-288 .elementor-element.elementor-element-3ddfabc .elementor-image-box-title{font-size:17px;}.elementor-288 .elementor-element.elementor-element-3ddfabc .elementor-image-box-description{font-size:15px;}.elementor-288 .elementor-element.elementor-element-c28e5e8{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-288 .elementor-element.elementor-element-703ee09{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-288 .elementor-element.elementor-element-703ee09.e-con{--align-self:flex-start;}.elementor-288 .elementor-element.elementor-element-c353dae.elementor-element{--align-self:flex-start;}.elementor-288 .elementor-element.elementor-element-c353dae{text-align:start;}.elementor-288 .elementor-element.elementor-element-c353dae .elementor-heading-title{font-size:14px;line-height:1.5em;}.elementor-288 .elementor-element.elementor-element-2f65fb3{width:100%;max-width:100%;}.elementor-288 .elementor-element.elementor-element-2f65fb3 .elementor-image-box-wrapper{text-align:start;}.elementor-288 .elementor-element.elementor-element-2f65fb3 .elementor-image-box-title{margin-bottom:16px;font-size:28px;line-height:1.2em;}.elementor-288 .elementor-element.elementor-element-2f65fb3 .elementor-image-box-description{font-size:16px;line-height:1.4em;}.elementor-288 .elementor-element.elementor-element-6011525{width:100%;max-width:100%;}.elementor-288 .elementor-element.elementor-element-6011525 .elementor-image-box-img{margin-bottom:15px;}.elementor-288 .elementor-element.elementor-element-6011525 .elementor-image-box-title{font-size:28px;line-height:1.2em;}.elementor-288 .elementor-element.elementor-element-6011525 .elementor-image-box-description{font-size:16px;line-height:1.4em;}}@media(min-width:768px){.elementor-288 .elementor-element.elementor-element-2daaf7d{--content-width:1280px;}.elementor-288 .elementor-element.elementor-element-1ed0d8c{--width:50%;}.elementor-288 .elementor-element.elementor-element-4c6d71b{--width:100%;}.elementor-288 .elementor-element.elementor-element-b497e5e{--width:1198px;}.elementor-288 .elementor-element.elementor-element-b83b7dd{--width:389px;}.elementor-288 .elementor-element.elementor-element-8bcfe62{--width:389px;}.elementor-288 .elementor-element.elementor-element-c8e742f{--width:389px;}.elementor-288 .elementor-element.elementor-element-fdc63e2{--width:389px;}.elementor-288 .elementor-element.elementor-element-c28e5e8{--width:100%;}.elementor-288 .elementor-element.elementor-element-703ee09{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-288 .elementor-element.elementor-element-1ed0d8c{--width:100%;}.elementor-288 .elementor-element.elementor-element-b497e5e{--width:78%;}.elementor-288 .elementor-element.elementor-element-b83b7dd{--width:91%;}.elementor-288 .elementor-element.elementor-element-8bcfe62{--width:91%;}.elementor-288 .elementor-element.elementor-element-c8e742f{--width:91%;}.elementor-288 .elementor-element.elementor-element-fdc63e2{--width:91%;}.elementor-288 .elementor-element.elementor-element-c28e5e8{--width:100%;}}/* Start custom CSS for image-box, class: .elementor-element-410b0be */pro{ font-size: 28px; } flo{ color: #A4CC00; } @media(min-width: 1024px) { .elementor-288 .elementor-element.elementor-element-410b0be .elementor-image-box-description{ padding-left: 130px; padding-right: 130px; }}/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ffc8ac9 */.elementor-288 .elementor-element.elementor-element-ffc8ac9 { animation: flutua 6s ease-in-out infinite; } @keyframes flutua { 0% { transform: translate(0, 0px) rotate(0deg); } 20% { transform: translate(5px, 10px) rotate(2deg); } 40% { transform: translate(0, 20px) rotate(0deg); } 60% { transform: translate(-5px, 10px) rotate(-2deg); } 80% { transform: translate(0, 5px) rotate(1deg); } 100% { transform: translate(0, 0px) rotate(0deg); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e7aaef9 */.elementor-288 .elementor-element.elementor-element-e7aaef9 { animation: floating 3s ease-in-out infinite; } @keyframes floating { from { transform: translate(0, 0px); } 65% { transform: translate(0, 15px); } to { transform: translate(0, -0px); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-70056cd */.elementor-288 .elementor-element.elementor-element-70056cd{ opacity: 50%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-689b98e */.background { position: relative; width: 100%; height: 100%; overflow: hidden; } .background::before, .background::after { content: ''; position: absolute; border-radius: 50%; opacity: 0.5; } .background::before { width: 400px; height: 400px; background: radial-gradient(circle, rgba(0, 183, 255, 0.5), transparent); top: 20%; left: 25%; } .background::after { width: 600px; height: 600px; background: radial-gradient(circle, rgba(0, 183, 255, 0.5), transparent); bottom: 10%; right: 20%; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e870898 */.card-topo { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); border-radius: 60px; border: 1px solid rgba(32, 158, 175, 0.17); background: rgba(255, 255, 255, 0.01); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 15px 30px; } @media(max-width:767px){ .card-topo{ padding: 8px 10px 5px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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-1c23e4d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1c23e4d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1c23e4d .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-9d47611 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9d47611 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9d47611 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9d47611 .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-b33f7d0 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b33f7d0 .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-1f6b932 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-1f6b932 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-1f6b932 .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-58be1c1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-58be1c1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-58be1c1 .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-9f42c97 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-9f42c97 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-9f42c97 .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-124cd11 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-124cd11 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-124cd11 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-124cd11 .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-635c6db *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-635c6db .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-635c6db .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-635c6db .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-db1a079 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-db1a079 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-db1a079 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-db1a079 .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-cd71ca1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cd71ca1 .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-b79aef6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-b79aef6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-b79aef6 .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-7282761 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7282761 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7282761 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7282761 .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-09f02be *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-09f02be .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-09f02be .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-09f02be .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-298a888 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-298a888 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-298a888 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-298a888 .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-ef62fe1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ef62fe1 .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-94cc41e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-94cc41e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-94cc41e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-94cc41e .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-7da9d2e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-7da9d2e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-7da9d2e .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-789cd68 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-789cd68 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-789cd68 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-789cd68 .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-ce760c5 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-ce760c5 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-ce760c5 .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-d2dbfd8 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-d2dbfd8 .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-cbb379e *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cbb379e .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cbb379e .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cbb379e .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-3e34997 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-3e34997 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-3e34997 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-3e34997 .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-322c42d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-322c42d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-322c42d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-322c42d .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-bf3dc91 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-bf3dc91 .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-cf46858 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cf46858 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cf46858 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cf46858 .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-6b9ea24 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-6b9ea24 .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-330a3e1 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-330a3e1 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-330a3e1 .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-5ec0b1d *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-5ec0b1d .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-c67c398 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); important! width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-c67c398 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-c67c398 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-c67c398 .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 nested-carousel, class: .elementor-element-0397277 */.card-carrossel { border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.00); background: linear-gradient(174deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.00) 58.52%), rgba(255, 255, 255, 0.04); backdrop-filter: blur(10.5px); -webkit-backdrop-filter: blur(10.5px); padding: 20px; } .especial .swiper-slide { transition: all 0.5s ease; } .especial .swiper-slide:not(.swiper-slide-active) { backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px); transform: scale(0.9) !important; } .especial .swiper, .especial .swiper-container { overflow: visible !important; } .especial .swiper-pagination-bullet { width: 30px !important; height: 5px !important; border-radius: 5px !important; transition: width 0.5s, border-radius 0s !important; } .especial .swiper-pagination-bullet-active { width: 50px !important; height: 5px !important; border-radius: 5px !important; background-color: #209EAF !important; box-shadow: 0px 4px 28px 4px #209EAF; } .especial .swiper-pagination { padding: 10px; overflow: hidden; border-radius: 50px; background: rgba(32, 158, 175, 0.05); } .especial .elementor-swiper-button { padding: 34px; border-radius: 60px; border: 2px solid #FFF !important; background: rgba(32, 158, 175, 0.07); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3bf7308 */html body{ overflow-x: hidden !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-3f66beb */.my-list-left.elementor-widget .elementor-icon-list-items { display: flex !important; flex-wrap: nowrap !important; animation: scroll-left 20s linear infinite; } .my-list-left.elementor-widget .elementor-icon-list-item { flex-shrink: 0 !important; white-space: nowrap !important; } .my-list-left.elementor-widget .elementor-icon-list-items { width: 200%; } @keyframes scroll-left { from { transform: translateX(0%); } to { transform: translateX(-50%); } } .custom-animated-list .elementor-icon-list-items { transition-timing-function: linear !important; overflow: visible; /* Garante que o conteúdo não seja cortado */ } .custom-animated-list .elementor-icon-list-item { opacity: 0.2; filter: blur(5px); animation: opacidade 5s infinite; transition: 0.5s; padding: 0px 0; /* Adiciona espaço em cima e embaixo de cada item */ min-height: 40px; /* Define uma altura mínima para cada item */ box-sizing: border-box; /* Garante que padding seja incluído na altura total */ } .custom-animated-list .elementor-icon-list-item:nth-child(1) { animation-delay: 0.5s; } .custom-animated-list .elementor-icon-list-item:nth-child(2) { animation-delay: 1s; } .custom-animated-list .elementor-icon-list-item:nth-child(3) { animation-delay: 1.5s; } .custom-animated-list .elementor-icon-list-item:nth-child(4) { animation-delay: 2s; } .custom-animated-list .elementor-icon-list-item:nth-child(5) { animation-delay: 2.5s; } .custom-animated-list .elementor-icon-list-item:nth-child(6) { animation-delay: 3s; } .custom-animated-list .elementor-icon-list-item:nth-child(7) { animation-delay: 3.5s; } .custom-animated-list .elementor-icon-list-item:nth-child(8) { animation-delay: 4s; } .custom-animated-list .elementor-icon-list-item:nth-child(9) { animation-delay: 4.5s; } .custom-animated-list .elementor-icon-list-item:nth-child(10) { animation-delay: 5s; } @keyframes opacidade { 0%, 100% { opacity: 0.2; filter: blur(5px); } 50% { opacity: 1; filter: blur(0px); } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-cad49e5 */.elementor-288 .elementor-element.elementor-element-cad49e5{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-6ca043d */.elementor-288 .elementor-element.elementor-element-6ca043d{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-25ac9f2 */.elementor-288 .elementor-element.elementor-element-25ac9f2{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-da5e5ea */.elementor-288 .elementor-element.elementor-element-da5e5ea{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5f12936 */.elementor-288 .elementor-element.elementor-element-5f12936{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-cad49e5 */.elementor-288 .elementor-element.elementor-element-cad49e5{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-6ca043d */.elementor-288 .elementor-element.elementor-element-6ca043d{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-25ac9f2 */.elementor-288 .elementor-element.elementor-element-25ac9f2{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-da5e5ea */.elementor-288 .elementor-element.elementor-element-da5e5ea{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5f12936 */.elementor-288 .elementor-element.elementor-element-5f12936{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-cad49e5 */.elementor-288 .elementor-element.elementor-element-cad49e5{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-6ca043d */.elementor-288 .elementor-element.elementor-element-6ca043d{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-25ac9f2 */.elementor-288 .elementor-element.elementor-element-25ac9f2{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-da5e5ea */.elementor-288 .elementor-element.elementor-element-da5e5ea{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5f12936 */.elementor-288 .elementor-element.elementor-element-5f12936{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-cad49e5 */.elementor-288 .elementor-element.elementor-element-cad49e5{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-6ca043d */.elementor-288 .elementor-element.elementor-element-6ca043d{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-25ac9f2 */.elementor-288 .elementor-element.elementor-element-25ac9f2{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-da5e5ea */.elementor-288 .elementor-element.elementor-element-da5e5ea{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5f12936 */.elementor-288 .elementor-element.elementor-element-5f12936{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-cad49e5 */.elementor-288 .elementor-element.elementor-element-cad49e5{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-6ca043d */.elementor-288 .elementor-element.elementor-element-6ca043d{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-25ac9f2 */.elementor-288 .elementor-element.elementor-element-25ac9f2{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-da5e5ea */.elementor-288 .elementor-element.elementor-element-da5e5ea{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5f12936 */.elementor-288 .elementor-element.elementor-element-5f12936{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-cad49e5 */.elementor-288 .elementor-element.elementor-element-cad49e5{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-6ca043d */.elementor-288 .elementor-element.elementor-element-6ca043d{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-25ac9f2 */.elementor-288 .elementor-element.elementor-element-25ac9f2{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-da5e5ea */.elementor-288 .elementor-element.elementor-element-da5e5ea{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5f12936 */.elementor-288 .elementor-element.elementor-element-5f12936{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-5944e01 */background: radial-gradient(343.78% 139.45% at -5.12% 1.87%, #000E06 0%, #000502 50%, #000B03 100%);/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2daaf7d */.degrade{ background: linear-gradient(90deg, #51A6FF 0.24%, #0B72EB 153.47%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } html, body { max-width: 100%; overflow-x: hidden; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cc103a6 *//* Estilo base do botão */ .elementor-288 .elementor-element.elementor-element-cc103a6 .elementor-button { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 10px) 100%, 0 100%, 0 20px); background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); width: 100%; position: relative; overflow: hidden; transition: all 0.2s ease-in; } /* Estilo do ícone do botão */ .elementor-288 .elementor-element.elementor-element-cc103a6 .elementor-button-icon { font-size: 29px; vertical-align: middle; } /* Estilo do botão no hover */ .elementor-288 .elementor-element.elementor-element-cc103a6 .elementor-button:hover { background: linear-gradient(90deg, #84FA62 0%, #CEFB69 100%); transition: all 0.3s ease-out; transform: scale(1.05); } /* Estilo do efeito de luz no hover */ .elementor-288 .elementor-element.elementor-element-cc103a6 .elementor-button:hover::before { animation: sh02 0.5s 0s linear; } /* Configuração do efeito de luz */ .elementor-288 .elementor-element.elementor-element-cc103a6 .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); } /* Animação do efeito de luz */ @keyframes sh02 { from { opacity: 0; left: 0; } 50% { opacity: 1; } to { opacity: 0; left: 100%; } } /* Estilo do botão quando ativo */ .elementor-288 .elementor-element.elementor-element-cc103a6 .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 image-box, class: .elementor-element-27c8ac5 *//* Seleciona o título e aplica um padding na parte inferior */ .elementor-288 .elementor-element.elementor-element-27c8ac5 .elementor-image-box-title { padding-bottom: 20px; /* Ajuste conforme necessário */ position: relative; } /* Adiciona a borda logo abaixo do título */ .elementor-288 .elementor-element.elementor-element-27c8ac5 .elementor-image-box-title::after { content: ''; display: block; width: 40%; height: 1px; /* Altura da borda */ background-color: #00D0FF; /* Cor da borda, ajuste conforme necessário */ position: absolute; bottom: 0; left: 0; } /* Adiciona um padding na parte superior da descrição para criar um espaço entre a borda e a descrição */ .elementor-288 .elementor-element.elementor-element-27c8ac5 .elementor-image-box-description { padding-top: 10px; /* Ajuste conforme necessário */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b83b7dd */.elementor-288 .elementor-element.elementor-element-b83b7dd { fill: rgba(1, 24, 30, 0.2); stroke-width: 1px; stroke: var(--degrade-azul, #5CC8DB); backdrop-filter: blur(10px); transition: all 0.3s ease-in-out; } /* Ajuste para tablets */ @media (max-width: 1024px) { .elementor-288 .elementor-element.elementor-element-b83b7dd { stroke-width: 0.8px; backdrop-filter: blur(8px); } } /* Ajuste para mobile */ @media (max-width: 768px) { .elementor-288 .elementor-element.elementor-element-b83b7dd { stroke-width: 0.6px; backdrop-filter: blur(6px); } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-38a7bd2 *//* Seleciona o título e aplica um padding na parte inferior */ .elementor-288 .elementor-element.elementor-element-38a7bd2 .elementor-image-box-title { padding-bottom: 20px; /* Ajuste conforme necessário */ position: relative; } /* Adiciona a borda logo abaixo do título */ .elementor-288 .elementor-element.elementor-element-38a7bd2 .elementor-image-box-title::after { content: ''; display: block; width: 40%; height: 1px; /* Altura da borda */ background-color: #00D0FF; /* Cor da borda, ajuste conforme necessário */ position: absolute; bottom: 0; left: 0; } /* Adiciona um padding na parte superior da descrição para criar um espaço entre a borda e a descrição */ .elementor-288 .elementor-element.elementor-element-38a7bd2 .elementor-image-box-description { padding-top: 10px; /* Ajuste conforme necessário */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8bcfe62 */.elementor-288 .elementor-element.elementor-element-8bcfe62 { fill: rgba(1, 24, 30, 0.2); stroke-width: 1px; stroke: var(--degrade-azul, #5CC8DB); backdrop-filter: blur(10px); transition: all 0.3s ease-in-out; } /* Ajuste para tablets */ @media (max-width: 1024px) { .elementor-288 .elementor-element.elementor-element-8bcfe62 { stroke-width: 0.8px; backdrop-filter: blur(8px); } } /* Ajuste para mobile */ @media (max-width: 768px) { .elementor-288 .elementor-element.elementor-element-8bcfe62 { stroke-width: 0.6px; backdrop-filter: blur(6px); } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-20dcfda *//* Seleciona o título e aplica um padding na parte inferior */ .elementor-288 .elementor-element.elementor-element-20dcfda .elementor-image-box-title { padding-bottom: 20px; /* Ajuste conforme necessário */ position: relative; } /* Adiciona a borda logo abaixo do título */ .elementor-288 .elementor-element.elementor-element-20dcfda .elementor-image-box-title::after { content: ''; display: block; width: 40%; height: 1px; /* Altura da borda */ background-color: #00D0FF; /* Cor da borda, ajuste conforme necessário */ position: absolute; bottom: 0; left: 0; } /* Adiciona um padding na parte superior da descrição para criar um espaço entre a borda e a descrição */ .elementor-288 .elementor-element.elementor-element-20dcfda .elementor-image-box-description { padding-top: 10px; /* Ajuste conforme necessário */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c8e742f */.elementor-288 .elementor-element.elementor-element-c8e742f { fill: rgba(1, 24, 30, 0.2); stroke-width: 1px; stroke: var(--degrade-azul, #5CC8DB); backdrop-filter: blur(10px); transition: all 0.3s ease-in-out; } /* Ajuste para tablets */ @media (max-width: 1024px) { .elementor-288 .elementor-element.elementor-element-c8e742f { stroke-width: 0.8px; backdrop-filter: blur(8px); } } /* Ajuste para mobile */ @media (max-width: 768px) { .elementor-288 .elementor-element.elementor-element-c8e742f { stroke-width: 0.6px; backdrop-filter: blur(6px); } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3ddfabc *//* Seleciona o título e aplica um padding na parte inferior */ .elementor-288 .elementor-element.elementor-element-3ddfabc .elementor-image-box-title { padding-bottom: 20px; /* Ajuste conforme necessário */ position: relative; } /* Adiciona a borda logo abaixo do título */ .elementor-288 .elementor-element.elementor-element-3ddfabc .elementor-image-box-title::after { content: ''; display: block; width: 40%; height: 1px; /* Altura da borda */ background-color: #00D0FF; /* Cor da borda, ajuste conforme necessário */ position: absolute; bottom: 0; left: 0; } /* Adiciona um padding na parte superior da descrição para criar um espaço entre a borda e a descrição */ .elementor-288 .elementor-element.elementor-element-3ddfabc .elementor-image-box-description { padding-top: 10px; /* Ajuste conforme necessário */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fdc63e2 */.elementor-288 .elementor-element.elementor-element-fdc63e2 { fill: rgba(1, 24, 30, 0.2); stroke-width: 1px; stroke: var(--degrade-azul, #5CC8DB); backdrop-filter: blur(10px); transition: all 0.3s ease-in-out; } /* Ajuste para tablets */ @media (max-width: 1024px) { .elementor-288 .elementor-element.elementor-element-fdc63e2 { stroke-width: 0.8px; backdrop-filter: blur(8px); } } /* Ajuste para mobile */ @media (max-width: 768px) { .elementor-288 .elementor-element.elementor-element-fdc63e2 { stroke-width: 0.6px; backdrop-filter: blur(6px); } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-2f65fb3 */.elementor-icon-box-title{ margin-top: 0; } .elementor-288 .elementor-element.elementor-element-2f65fb3{ text-wrap: balance }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-038a0f2 */.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 */