.elementor-2801 .elementor-element.elementor-element-2d3f484{--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;--overlay-opacity:0.45;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-2801 .elementor-element.elementor-element-2d3f484:not(.elementor-motion-effects-element-type-background), .elementor-2801 .elementor-element.elementor-element-2d3f484 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCBA1D;}.elementor-2801 .elementor-element.elementor-element-2d3f484::before, .elementor-2801 .elementor-element.elementor-element-2d3f484 > .elementor-background-video-container::before, .elementor-2801 .elementor-element.elementor-element-2d3f484 > .e-con-inner > .elementor-background-video-container::before, .elementor-2801 .elementor-element.elementor-element-2d3f484 > .elementor-background-slideshow::before, .elementor-2801 .elementor-element.elementor-element-2d3f484 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2801 .elementor-element.elementor-element-2d3f484 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2801 .elementor-element.elementor-element-575a014{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -3px) 0px;padding:0% 0% 0% 0%;text-align:center;}.elementor-2801 .elementor-element.elementor-element-575a014 .elementor-heading-title{font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-2801 .elementor-element.elementor-element-cb5f616{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-2801 .elementor-element.elementor-element-cb5f616:not(.elementor-motion-effects-element-type-background), .elementor-2801 .elementor-element.elementor-element-cb5f616 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2801 .elementor-element.elementor-element-e950e6f{--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:space-between;--align-items:stretch;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--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-2801 .elementor-element.elementor-element-e950e6f.e-con{--align-self:stretch;}.elementor-2801 .elementor-element.elementor-element-386de63{--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;--justify-content:flex-end;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--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-2801 .elementor-element.elementor-element-386de63.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2801 .elementor-element.elementor-element-5242410{width:var( --container-widget-width, 680px );max-width:680px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:680px;--container-widget-flex-grow:0;text-align:start;}.elementor-2801 .elementor-element.elementor-element-5242410 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:400;line-height:1.1em;letter-spacing:-0.04em;color:#131313;}.elementor-2801 .elementor-element.elementor-element-af99cf8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -21px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;line-height:1.6em;letter-spacing:-0.03em;color:#333333;}.elementor-2801 .elementor-element.elementor-element-22576fb{--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:flex-end;--align-items:flex-end;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--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-2801 .elementor-element.elementor-element-22576fb.e-con{--align-self:flex-end;}.elementor-2801 .elementor-element.elementor-element-4eddbf8 .elementor-button{background-color:#DA2E26;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:25px 0px 25px 0px;padding:15px 50px 15px 50px;}.elementor-2801 .elementor-element.elementor-element-4eddbf8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-2801 .elementor-element.elementor-element-4eddbf8.elementor-element{--align-self:flex-end;}.elementor-2801 .elementor-element.elementor-element-e2740d4{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#3F3F3F;--border-color:#3F3F3F;--border-radius:15px 15px 15px 15px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2801 .elementor-element.elementor-element-3980fda{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-2801 .elementor-element.elementor-element-3980fda.e-con{--align-self:stretch;}.elementor-2801 .elementor-element.elementor-element-f97c904{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2801 .elementor-element.elementor-element-f97c904 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:600;line-height:1.4em;letter-spacing:-0.03em;color:#0A0A0A;}.elementor-2801 .elementor-element.elementor-element-7ca4f37{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;line-height:1.6em;letter-spacing:-0.03em;color:#333333;}.elementor-2801 .elementor-element.elementor-element-442dbf8 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2801 .elementor-element.elementor-element-03baec7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:-0.03em;color:#333333;}.elementor-2801 .elementor-element.elementor-element-0e36809 .elementor-button{background-color:#DA2E26;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:25px 0px 25px 0px;padding:15px 50px 15px 50px;}.elementor-2801 .elementor-element.elementor-element-0e36809{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-2801 .elementor-element.elementor-element-0e36809.elementor-element{--align-self:flex-start;}.elementor-2801 .elementor-element.elementor-element-3df0be6{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#3F3F3F;--border-color:#3F3F3F;--border-radius:15px 15px 15px 15px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2801 .elementor-element.elementor-element-d66013c{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-2801 .elementor-element.elementor-element-d66013c.e-con{--align-self:stretch;}.elementor-2801 .elementor-element.elementor-element-7e472f2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2801 .elementor-element.elementor-element-7e472f2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:600;line-height:1.4em;letter-spacing:-0.03em;color:#0A0A0A;}.elementor-2801 .elementor-element.elementor-element-5d9096b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;line-height:1.6em;letter-spacing:-0.03em;color:#333333;}.elementor-2801 .elementor-element.elementor-element-56f00a2 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2801 .elementor-element.elementor-element-3cf7526{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:-0.03em;color:#333333;}.elementor-2801 .elementor-element.elementor-element-0be170c .elementor-button{background-color:#DA2E26;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:25px 0px 25px 0px;padding:15px 50px 15px 50px;}.elementor-2801 .elementor-element.elementor-element-0be170c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-2801 .elementor-element.elementor-element-0be170c.elementor-element{--align-self:flex-start;}.elementor-2801 .elementor-element.elementor-element-63b788a{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#3F3F3F;--border-color:#3F3F3F;--border-radius:15px 15px 15px 15px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2801 .elementor-element.elementor-element-eb44470{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-2801 .elementor-element.elementor-element-eb44470.e-con{--align-self:stretch;}.elementor-2801 .elementor-element.elementor-element-e94802c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2801 .elementor-element.elementor-element-e94802c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:600;line-height:1.4em;letter-spacing:-0.03em;color:#0A0A0A;}.elementor-2801 .elementor-element.elementor-element-4ef7389{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;line-height:1.6em;letter-spacing:-0.03em;color:#333333;}.elementor-2801 .elementor-element.elementor-element-93911e6 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2801 .elementor-element.elementor-element-0a9ab9a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:-0.03em;color:#333333;}.elementor-2801 .elementor-element.elementor-element-a6ecea7 .elementor-button{background-color:#DA2E26;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:25px 0px 25px 0px;padding:15px 50px 15px 50px;}.elementor-2801 .elementor-element.elementor-element-a6ecea7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-2801 .elementor-element.elementor-element-a6ecea7.elementor-element{--align-self:flex-start;}.elementor-2801 .elementor-element.elementor-element-c05f58d{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#3F3F3F;--border-color:#3F3F3F;--border-radius:15px 15px 15px 15px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2801 .elementor-element.elementor-element-d790056{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-2801 .elementor-element.elementor-element-d790056.e-con{--align-self:stretch;}.elementor-2801 .elementor-element.elementor-element-a5fe956{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2801 .elementor-element.elementor-element-a5fe956 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:600;line-height:1.4em;letter-spacing:-0.03em;color:#0A0A0A;}.elementor-2801 .elementor-element.elementor-element-79c17a1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;line-height:1.6em;letter-spacing:-0.03em;color:#333333;}.elementor-2801 .elementor-element.elementor-element-9420629 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2801 .elementor-element.elementor-element-c096865{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:-0.03em;color:#333333;}.elementor-2801 .elementor-element.elementor-element-a6cc7de .elementor-button{background-color:#DA2E26;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:25px 0px 25px 0px;padding:15px 50px 15px 50px;}.elementor-2801 .elementor-element.elementor-element-a6cc7de{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-2801 .elementor-element.elementor-element-a6cc7de.elementor-element{--align-self:flex-start;}.elementor-2801 .elementor-element.elementor-element-1a6672f{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#3F3F3F;--border-color:#3F3F3F;--border-radius:15px 15px 15px 15px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2801 .elementor-element.elementor-element-50ffc5d{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-2801 .elementor-element.elementor-element-50ffc5d.e-con{--align-self:stretch;}.elementor-2801 .elementor-element.elementor-element-45021a1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2801 .elementor-element.elementor-element-45021a1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:600;line-height:1.4em;letter-spacing:-0.03em;color:#0A0A0A;}.elementor-2801 .elementor-element.elementor-element-5e92009{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;line-height:1.6em;letter-spacing:-0.03em;color:#333333;}.elementor-2801 .elementor-element.elementor-element-9dd11f0 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2801 .elementor-element.elementor-element-5d08473{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:-0.03em;color:#333333;}.elementor-2801 .elementor-element.elementor-element-52dd132 .elementor-button{background-color:#DA2E26;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:25px 0px 25px 0px;padding:15px 50px 15px 50px;}.elementor-2801 .elementor-element.elementor-element-52dd132{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-2801 .elementor-element.elementor-element-52dd132.elementor-element{--align-self:flex-start;}.elementor-2801 .elementor-element.elementor-element-39269a6{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#3F3F3F;--border-color:#3F3F3F;--border-radius:15px 15px 15px 15px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2801 .elementor-element.elementor-element-ad4ca38{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-2801 .elementor-element.elementor-element-ad4ca38.e-con{--align-self:stretch;}.elementor-2801 .elementor-element.elementor-element-d19ace8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2801 .elementor-element.elementor-element-d19ace8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:600;line-height:1.4em;letter-spacing:-0.03em;color:#0A0A0A;}.elementor-2801 .elementor-element.elementor-element-21893eb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;line-height:1.6em;letter-spacing:-0.03em;color:#333333;}.elementor-2801 .elementor-element.elementor-element-57c4334 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2801 .elementor-element.elementor-element-a0e657a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:-0.03em;color:#333333;}.elementor-2801 .elementor-element.elementor-element-53dcd94 .elementor-button{background-color:#DA2E26;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:25px 0px 25px 0px;padding:15px 50px 15px 50px;}.elementor-2801 .elementor-element.elementor-element-53dcd94{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-2801 .elementor-element.elementor-element-53dcd94.elementor-element{--align-self:flex-start;}.elementor-2801 .elementor-element.elementor-element-c940907{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#3F3F3F;--border-color:#3F3F3F;--border-radius:15px 15px 15px 15px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2801 .elementor-element.elementor-element-13e6a71{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-2801 .elementor-element.elementor-element-13e6a71.e-con{--align-self:stretch;}.elementor-2801 .elementor-element.elementor-element-acfa06e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2801 .elementor-element.elementor-element-acfa06e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:600;line-height:1.4em;letter-spacing:-0.03em;color:#0A0A0A;}.elementor-2801 .elementor-element.elementor-element-5abad7c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;line-height:1.6em;letter-spacing:-0.03em;color:#333333;}.elementor-2801 .elementor-element.elementor-element-050fc1e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2801 .elementor-element.elementor-element-48833e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;letter-spacing:-0.03em;color:#333333;}.elementor-2801 .elementor-element.elementor-element-a11e55d .elementor-button{background-color:#DA2E26;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:25px 0px 25px 0px;padding:15px 50px 15px 50px;}.elementor-2801 .elementor-element.elementor-element-a11e55d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-2801 .elementor-element.elementor-element-a11e55d.elementor-element{--align-self:flex-start;}.elementor-2801 .elementor-element.elementor-element-08ffccc{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:15px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}:where( .elementor-2801 .elementor-element.elementor-element-08ffccc .swiper-slide ) > .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:0px;--padding-inline-end:0px;--padding-block-end:0px;--padding-inline-start:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2801 .elementor-element.elementor-element-cb5f616{--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;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-2801 .elementor-element.elementor-element-e950e6f{--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-2801 .elementor-element.elementor-element-386de63{--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-2801 .elementor-element.elementor-element-5242410{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-2801 .elementor-element.elementor-element-5242410 .elementor-heading-title{font-size:40px;}.elementor-2801 .elementor-element.elementor-element-af99cf8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;text-align:start;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-22576fb{--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:flex-start;--align-items:flex-start;}.elementor-2801 .elementor-element.elementor-element-3980fda{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2801 .elementor-element.elementor-element-f97c904 .elementor-heading-title{font-size:19px;line-height:1.3em;letter-spacing:0px;}.elementor-2801 .elementor-element.elementor-element-7ca4f37{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-03baec7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-d66013c{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2801 .elementor-element.elementor-element-7e472f2 .elementor-heading-title{font-size:19px;line-height:1.3em;letter-spacing:0px;}.elementor-2801 .elementor-element.elementor-element-5d9096b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-3cf7526{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-eb44470{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2801 .elementor-element.elementor-element-e94802c .elementor-heading-title{font-size:19px;line-height:1.3em;letter-spacing:0px;}.elementor-2801 .elementor-element.elementor-element-4ef7389{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-0a9ab9a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-d790056{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2801 .elementor-element.elementor-element-a5fe956 .elementor-heading-title{font-size:19px;line-height:1.3em;letter-spacing:0px;}.elementor-2801 .elementor-element.elementor-element-79c17a1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-c096865{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-50ffc5d{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2801 .elementor-element.elementor-element-45021a1 .elementor-heading-title{font-size:19px;line-height:1.3em;letter-spacing:0px;}.elementor-2801 .elementor-element.elementor-element-5e92009{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-5d08473{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-ad4ca38{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2801 .elementor-element.elementor-element-d19ace8 .elementor-heading-title{font-size:19px;line-height:1.3em;letter-spacing:0px;}.elementor-2801 .elementor-element.elementor-element-21893eb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-a0e657a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-13e6a71{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2801 .elementor-element.elementor-element-acfa06e .elementor-heading-title{font-size:19px;line-height:1.3em;letter-spacing:0px;}.elementor-2801 .elementor-element.elementor-element-5abad7c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-48833e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-08ffccc{--e-n-carousel-swiper-slides-to-display:3;}}@media(min-width:768px){.elementor-2801 .elementor-element.elementor-element-cb5f616{--content-width:1200px;}.elementor-2801 .elementor-element.elementor-element-e950e6f{--width:100%;}.elementor-2801 .elementor-element.elementor-element-386de63{--width:40.747%;}.elementor-2801 .elementor-element.elementor-element-22576fb{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2801 .elementor-element.elementor-element-cb5f616{--content-width:100%;}.elementor-2801 .elementor-element.elementor-element-e950e6f{--width:100%;}.elementor-2801 .elementor-element.elementor-element-386de63{--width:100%;}.elementor-2801 .elementor-element.elementor-element-22576fb{--width:100%;}.elementor-2801 .elementor-element.elementor-element-3980fda{--width:100%;}.elementor-2801 .elementor-element.elementor-element-d66013c{--width:100%;}.elementor-2801 .elementor-element.elementor-element-eb44470{--width:100%;}.elementor-2801 .elementor-element.elementor-element-d790056{--width:100%;}.elementor-2801 .elementor-element.elementor-element-50ffc5d{--width:100%;}.elementor-2801 .elementor-element.elementor-element-ad4ca38{--width:100%;}.elementor-2801 .elementor-element.elementor-element-13e6a71{--width:100%;}}@media(max-width:767px){.elementor-2801 .elementor-element.elementor-element-575a014{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -3px) 0px;padding:0% 0% 0% 0%;}.elementor-2801 .elementor-element.elementor-element-575a014 .elementor-heading-title{font-size:20px;}.elementor-2801 .elementor-element.elementor-element-cb5f616{--content-width:90%;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2801 .elementor-element.elementor-element-386de63{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-2801 .elementor-element.elementor-element-5242410{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2801 .elementor-element.elementor-element-5242410 .elementor-heading-title{font-size:35px;}.elementor-2801 .elementor-element.elementor-element-af99cf8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -23px) 0px;padding:0px 0px 0px 0px;text-align:center;font-size:13px;}.elementor-2801 .elementor-element.elementor-element-22576fb{--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2801 .elementor-element.elementor-element-22576fb.e-con{--align-self:center;}.elementor-2801 .elementor-element.elementor-element-4eddbf8.elementor-element{--align-self:center;}.elementor-2801 .elementor-element.elementor-element-4eddbf8 .elementor-button{font-size:15px;}.elementor-2801 .elementor-element.elementor-element-3980fda{--width:100%;--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:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2801 .elementor-element.elementor-element-f97c904{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-2801 .elementor-element.elementor-element-f97c904 .elementor-heading-title{font-size:18px;line-height:1.5em;letter-spacing:0px;}.elementor-2801 .elementor-element.elementor-element-7ca4f37{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -23px) 0px;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-03baec7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -23px) 0px;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-0e36809 .elementor-button{font-size:15px;}.elementor-2801 .elementor-element.elementor-element-d66013c{--width:100%;--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:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2801 .elementor-element.elementor-element-7e472f2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-2801 .elementor-element.elementor-element-7e472f2 .elementor-heading-title{font-size:18px;line-height:1.5em;letter-spacing:0px;}.elementor-2801 .elementor-element.elementor-element-5d9096b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -23px) 0px;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-3cf7526{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -23px) 0px;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-0be170c .elementor-button{font-size:15px;}.elementor-2801 .elementor-element.elementor-element-eb44470{--width:100%;--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:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2801 .elementor-element.elementor-element-e94802c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-2801 .elementor-element.elementor-element-e94802c .elementor-heading-title{font-size:18px;line-height:1.5em;letter-spacing:0px;}.elementor-2801 .elementor-element.elementor-element-4ef7389{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -23px) 0px;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-0a9ab9a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -23px) 0px;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-a6ecea7 .elementor-button{font-size:15px;}.elementor-2801 .elementor-element.elementor-element-d790056{--width:100%;--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:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2801 .elementor-element.elementor-element-a5fe956{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-2801 .elementor-element.elementor-element-a5fe956 .elementor-heading-title{font-size:18px;line-height:1.5em;letter-spacing:0px;}.elementor-2801 .elementor-element.elementor-element-79c17a1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -23px) 0px;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-c096865{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -23px) 0px;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-a6cc7de .elementor-button{font-size:15px;}.elementor-2801 .elementor-element.elementor-element-50ffc5d{--width:100%;--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:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2801 .elementor-element.elementor-element-45021a1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-2801 .elementor-element.elementor-element-45021a1 .elementor-heading-title{font-size:18px;line-height:1.5em;letter-spacing:0px;}.elementor-2801 .elementor-element.elementor-element-5e92009{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -23px) 0px;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-5d08473{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -23px) 0px;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-52dd132 .elementor-button{font-size:15px;}.elementor-2801 .elementor-element.elementor-element-ad4ca38{--width:100%;--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:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2801 .elementor-element.elementor-element-d19ace8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-2801 .elementor-element.elementor-element-d19ace8 .elementor-heading-title{font-size:18px;line-height:1.5em;letter-spacing:0px;}.elementor-2801 .elementor-element.elementor-element-21893eb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -23px) 0px;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-a0e657a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -23px) 0px;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-53dcd94 .elementor-button{font-size:15px;}.elementor-2801 .elementor-element.elementor-element-13e6a71{--width:100%;--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:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2801 .elementor-element.elementor-element-acfa06e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-2801 .elementor-element.elementor-element-acfa06e .elementor-heading-title{font-size:18px;line-height:1.5em;letter-spacing:0px;}.elementor-2801 .elementor-element.elementor-element-5abad7c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -23px) 0px;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-48833e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -23px) 0px;font-size:16px;}.elementor-2801 .elementor-element.elementor-element-a11e55d .elementor-button{font-size:15px;}.elementor-2801 .elementor-element.elementor-element-08ffccc{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for button, class: .elementor-element-4eddbf8 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0e36809 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0be170c *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6ecea7 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6cc7de *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-52dd132 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-53dcd94 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a11e55d *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0e36809 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0be170c *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6ecea7 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6cc7de *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-52dd132 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-53dcd94 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a11e55d *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0e36809 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0be170c *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6ecea7 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6cc7de *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-52dd132 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-53dcd94 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a11e55d *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0e36809 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0be170c *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6ecea7 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6cc7de *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-52dd132 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-53dcd94 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a11e55d *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0e36809 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0be170c *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6ecea7 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6cc7de *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-52dd132 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-53dcd94 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a11e55d *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0e36809 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0be170c *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6ecea7 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6cc7de *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-52dd132 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-53dcd94 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a11e55d *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0e36809 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0be170c *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6ecea7 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6cc7de *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-52dd132 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-53dcd94 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a11e55d *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0e36809 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0be170c *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6ecea7 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a6cc7de *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-52dd132 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-53dcd94 *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a11e55d *//* ===== Estilo principal do botão snap6 ===== */
.snap6 .elementor-button {
  background: linear-gradient(90deg, #FCBA1D, #837b74); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap6:hover .elementor-button {
  box-shadow: 0 0 50px 0 #FCBA1D; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap6 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap6:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap6 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap6:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap6-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */