.elementor-2380 .elementor-element.elementor-element-ecdb126{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2380 .elementor-element.elementor-element-baa7747{width:var( --container-widget-width, 20em );max-width:20em;--container-widget-width:20em;--container-widget-flex-grow:0;}.elementor-2380 .elementor-element.elementor-element-baa7747.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-2380 .elementor-element.elementor-element-a75ea6e{--display:flex;}.elementor-2380 .elementor-element.elementor-element-846c3be .elementor-button{background-color:#61CE70;font-size:18px;font-weight:600;fill:#000000;color:#000000;padding:15px 40px 15px 40px;}.elementor-2380 .elementor-element.elementor-element-846c3be > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2380 .elementor-element.elementor-element-846c3be.elementor-element{--align-self:center;}.elementor-2380 .elementor-element.elementor-element-c285a12{--display:flex;}.elementor-2380 .elementor-element.elementor-element-f47f64f{width:var( --container-widget-width, 20em );max-width:20em;--container-widget-width:20em;--container-widget-flex-grow:0;}.elementor-2380 .elementor-element.elementor-element-f47f64f.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-2380 .elementor-element.elementor-element-f78159b{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2380 .elementor-element.elementor-element-0f96904{width:initial;max-width:initial;}.elementor-2380 .elementor-element.elementor-element-0f96904.elementor-element{--order:99999 /* order end hack */;}.elementor-2380 .elementor-element.elementor-element-c346bb2{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2380 .elementor-element.elementor-element-afc3086{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2380 .elementor-element.elementor-element-7aaa902 .elementor-button{font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#000000;color:#000000;}.elementor-2380 .elementor-element.elementor-element-0b9bddb > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2380 .elementor-element.elementor-element-7c37b61{--display:flex;}.elementor-2380 .elementor-element.elementor-element-55dfbde .elementor-button{background-color:#42112A;font-family:"Unbounded", Sans-serif;font-size:1rem;font-weight:400;line-height:120%;fill:#FFFFFF;color:#FFFFFF;padding:1.5rem 3.75rem 1.5rem 3.75rem;}.elementor-2380 .elementor-element.elementor-element-55dfbde.elementor-element{--align-self:center;}.elementor-2380 .elementor-element.elementor-element-14e1a73{--display:flex;}.elementor-2380 .elementor-element.elementor-element-aa9efc4 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;fill:#7F95B0;color:#7F95B0;border-radius:0px 0px 0px 0px;padding:15px 35px 15px 35px;}.elementor-2380 .elementor-element.elementor-element-aa9efc4.elementor-element{--align-self:center;}.elementor-2380 .elementor-element.elementor-element-aa9efc4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2380 .elementor-element.elementor-element-aa9efc4 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-2380 .elementor-element.elementor-element-3ace153{--display:flex;}.elementor-2380 .elementor-element.elementor-element-089301b .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:18px 60px 18px 60px;}.elementor-2380 .elementor-element.elementor-element-089301b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2380 .elementor-element.elementor-element-089301b.elementor-element{--align-self:center;}.elementor-2380 .elementor-element.elementor-element-f96d583{--display:flex;}.elementor-2380 .elementor-element.elementor-element-39d90bb .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:15em;fill:#000000;color:#000000;border-radius:100px 100px 100px 100px;padding:20px 60px 20px 60px;}.elementor-2380 .elementor-element.elementor-element-39d90bb.elementor-element{--align-self:center;}.elementor-2380 .elementor-element.elementor-element-18f8ee7{--display:flex;}.elementor-2380 .elementor-element.elementor-element-6d29b35 .elementor-button{background-color:#B2FE02;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#080700;color:#080700;border-radius:5px 5px 5px 5px;padding:20px 40px 20px 40px;}.elementor-2380 .elementor-element.elementor-element-6d29b35{width:var( --container-widget-width, 562px );max-width:562px;--container-widget-width:562px;--container-widget-flex-grow:0;}.elementor-2380 .elementor-element.elementor-element-6d29b35.elementor-element{--align-self:center;}.elementor-2380 .elementor-element.elementor-element-1770e48{--display:flex;--margin-top:43px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2380 .elementor-element.elementor-element-ed465f0 .elementor-button{background-color:#B2FE02;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;border-radius:5px 5px 5px 5px;padding:20px 50px 20px 50px;}.elementor-2380 .elementor-element.elementor-element-ed465f0.elementor-element{--align-self:center;}.elementor-2380 .elementor-element.elementor-element-bfae725{--display:flex;}.elementor-2380 .elementor-element.elementor-element-f4bbf50 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:15px 45px 15px 45px;}.elementor-2380 .elementor-element.elementor-element-f4bbf50.elementor-element{--align-self:center;}.elementor-2380 .elementor-element.elementor-element-13596c5{--display:flex;}.elementor-2380 .elementor-element.elementor-element-1267107.elementor-element{--align-self:center;}.elementor-2380 .elementor-element.elementor-element-1267107 .elementor-button{font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;padding:15px 45px 15px 045px;}.elementor-2380 .elementor-element.elementor-element-1709387{--display:flex;}.elementor-2380 .elementor-element.elementor-element-4c8abd2 .elementor-button{background-color:#00000000;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:0px 0px 0px 0px;padding:15px 40px 15px 40px;}.elementor-2380 .elementor-element.elementor-element-4c8abd2.elementor-element{--align-self:center;}.elementor-2380 .elementor-element.elementor-element-97938c2{--display:flex;}.elementor-2380 .elementor-element.elementor-element-0420f81 .elementor-button{background-color:#000000;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:0px 0px 0px 0px;padding:15px 45px 15px 45px;}.elementor-2380 .elementor-element.elementor-element-0420f81.elementor-element{--align-self:center;}.elementor-2380 .elementor-element.elementor-element-1a5af30{--display:flex;}.elementor-2380 .elementor-element.elementor-element-a9cc25c.elementor-element{--align-self:center;}.elementor-2380 .elementor-element.elementor-element-07c781f{--display:flex;}.elementor-2380 .elementor-element.elementor-element-e3e4535.elementor-element{--align-self:center;}.elementor-2380 .elementor-element.elementor-element-8c13844{--display:flex;}.elementor-2380 .elementor-element.elementor-element-6b49d90 .elementor-button{background-color:#B2FE0200;font-family:"Unbounded", Sans-serif;font-size:18px;font-weight:500;line-height:1.4em;border-style:none;border-radius:100px 100px 100px 100px;padding:15px 70px 15px 70px;}.elementor-2380 .elementor-element.elementor-element-6b49d90.elementor-element{--align-self:center;}.elementor-2380 .elementor-element.elementor-element-ed92efc{--display:flex;}.elementor-2380 .elementor-element.elementor-element-60ff0d2 .elementor-button{background-color:#1955ED;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:100px 100px 100px 100px;padding:24px 48px 24px 48px;}.elementor-2380 .elementor-element.elementor-element-60ff0d2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 0px 8px 0px;}.elementor-2380 .elementor-element.elementor-element-60ff0d2.elementor-element{--align-self:center;}.elementor-2380 .elementor-element.elementor-element-60ff0d2 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2380 .elementor-element.elementor-element-2c84e98{--display:flex;}.elementor-2380 .elementor-element.elementor-element-e4a39f2 .elementor-button{background-color:#00FF5500;font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:20px 60px 20px 60px;}.elementor-2380 .elementor-element.elementor-element-e4a39f2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2380 .elementor-element.elementor-element-e4a39f2.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-2380 .elementor-element.elementor-element-e4a39f2{z-index:13;}.elementor-2380 .elementor-element.elementor-element-e4a39f2 .elementor-button-content-wrapper{flex-direction:row-reverse;}@media(max-width:1366px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-2380 .elementor-element.elementor-element-7aaa902 .elementor-button{font-size:16px;}.elementor-2380 .elementor-element.elementor-element-6d29b35 .elementor-button{font-size:16px;}.elementor-2380 .elementor-element.elementor-element-ed465f0 .elementor-button{font-size:16px;}.elementor-2380 .elementor-element.elementor-element-1267107 .elementor-button{font-size:16px;}.elementor-2380 .elementor-element.elementor-element-4c8abd2 .elementor-button{font-size:16px;}.elementor-2380 .elementor-element.elementor-element-0420f81 .elementor-button{font-size:16px;}.elementor-2380 .elementor-element.elementor-element-6b49d90 .elementor-button{font-size:16px;}.elementor-2380 .elementor-element.elementor-element-e4a39f2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:1024px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-2380 .elementor-element.elementor-element-e4a39f2 .elementor-button{padding:16px 48px 16px 48px;}}@media(max-width:767px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-2380 .elementor-element.elementor-element-0f96904{--container-widget-width:199%;--container-widget-flex-grow:0;width:var( --container-widget-width, 199% );max-width:199%;}.elementor-2380 .elementor-element.elementor-element-7aaa902 .elementor-button{font-size:14px;}.elementor-2380 .elementor-element.elementor-element-55dfbde.elementor-element{--align-self:center;}.elementor-2380 .elementor-element.elementor-element-55dfbde .elementor-button{line-height:120%;padding:1.5rem 2rem 1.5rem 2rem;}.elementor-2380 .elementor-element.elementor-element-6d29b35 .elementor-button{font-size:14px;padding:20px 31px 20px 31px;}.elementor-2380 .elementor-element.elementor-element-ed465f0 .elementor-button{font-size:14px;}.elementor-2380 .elementor-element.elementor-element-1267107 .elementor-button{font-size:18px;}.elementor-2380 .elementor-element.elementor-element-4c8abd2 .elementor-button{font-size:14px;}.elementor-2380 .elementor-element.elementor-element-0420f81 .elementor-button{font-size:14px;}.elementor-2380 .elementor-element.elementor-element-6b49d90 .elementor-button{font-size:14px;}.elementor-2380 .elementor-element.elementor-element-60ff0d2 .elementor-button{padding:16px 24px 16px 24px;}.elementor-2380 .elementor-element.elementor-element-e4a39f2{width:var( --container-widget-width, 335.484% );max-width:335.484%;--container-widget-width:335.484%;--container-widget-flex-grow:0;}.elementor-2380 .elementor-element.elementor-element-e4a39f2 .elementor-button{font-size:14px;border-radius:5px 5px 5px 5px;padding:10px 10px 10px 10px;}}/* Start custom CSS for button, class: .elementor-element-baa7747 */.elementor-2380 .elementor-element.elementor-element-baa7747 .elementor-button {
    border-radius: 20px / 100% !important;
    box-shadow: inset 0 0 5px 5px #ffffff25, 0 5px 0 0 #2B55A1, 0 15px 10px 0 #00000050 !important;
    width: 100%;
    position: relative;
    background: rgb(61, 106, 255) !important;
    border: 1px solid rgb(61, 106, 255) !important;
    overflow: hidden;
    transition: all 0.2s ease-in;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.botao-tech span {
  position: relative;
  z-index: 3;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7aaa902 */.brilho2 .elementor-button {
 background: #ffffff !important;
 border: 3px solid #fff;
 padding: 15px 60px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 100px;
 position: relative;
 transition: 2s;
}

@media(max-width: 767px){
 .brilho2 .elementor-button {
 padding: 15px 30px;
}
}

.brilho2 .elementor-button:before {
  background-image: radial-gradient(43.3% 44.23% at 50% 49.51%, #fffff7 29%, #fffacd 48.5%, #f4d2bf 60.71%, #f4d2bf00 100%);
  filter: blur(5px);
  width: 300px;
  height: 150px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(var(--button-translate-x, -10%), -50%);
  border-radius: 100%;
  transition: transform 0.8s cubic-bezier(.4, 0, .2, 1);
}

.brilho2 .elementor-button.hovering:before {
  transition: transform 0.15s ease-out !important;
}

.brilho1{
 padding: 0px !important;
 border-radius: 100px;
 outline: 4px solid #FFFFFF4F;
}

.brilho1::before {
 transition: 0.35s ease-out;
 filter: blur(12px);
 background: linear-gradient(to right, transparent 30%, #ff7037 80%, #ff4900 95%);
 width: 108%;
 height: 125%;
 left: 50%;
 top: 50%;
 content: "";
 will-change: filter;
 border-radius: 100px;
 position: absolute;
 transform: translate(-50%, -50%);
 z-index: 1;
 opacity: var(--before-opacity, 1);
}

.brilho1::after {
 transition: 0.35s ease-out;
 filter: blur(12px);
 background: linear-gradient(to left, transparent 30%, #ff7037 80%, #ff4900 95%);
 width: 108%;
 height: 125%;
 left: 50%;
 top: 50%;
 content: "";
 will-change: filter;
 border-radius: 100px;
 position: absolute;
 transform: translate(-50%, -50%);
 z-index: 1;
 opacity: var(--after-opacity, 0);
}

.brilho2 .elementor-button-text,
.brilho2 .elementor-button-icon {
 z-index: 5;
 align-self: center !important;
 vertical-align: center !important;
}

.brilho1 {
 width: fit-content;
 overflow: visible;
 z-index: 1;
 position: relative;
 padding: 0px;
}

.brilho2 {
 z-index: 5;
 overflow: hidden;
 border-radius: 100px;
 position: relative;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-55dfbde *//* BOTÃO PADRÃO */
.elementor-2380 .elementor-element.elementor-element-55dfbde .elementor-button {
    border-radius: 4px; /* Deixa os cantos do botão levemente arredondados */
    border: 1px solid #FF005B; /* Borda rosa choque */
    background: #FF005B30 !important; /* Fundo rosa com 30% de opacidade (bem translúcido) */
    box-shadow: 0px 17px 34px 0px rgba(255, 0, 91, 0.20); /* Sombra grande e suave ao redor do botão */

    backdrop-filter: blur(27px); /* Aplica desfoque no fundo do botão (efeito vítreo) */
    -webkit-backdrop-filter: blur(27px); /* Compatibilidade com navegadores baseados em WebKit (Safari, etc.) */

    transition: all 0.5s ease !important; /* Suaviza todas as mudanças visuais (hover, clique, etc.) */
}

/* EFEITO HOVER: Quando o mouse passa por cima do botão */
.elementor-2380 .elementor-element.elementor-element-55dfbde .elementor-button:hover {
    transform: translateY(-5px); /* Faz o botão "subir" 5px, dando efeito de elevação */
    
    border-radius: 4px; /* Mantém os cantos arredondados (por segurança visual) */
    
    background: #FF005B60 !important; /* Fundo rosa mais visível (60% de opacidade) */
    box-shadow: 0px 0px 34px 0px rgba(255, 0, 91, 0.50); /* Sombra mais intensa e concentrada */

    transition: all 0.5s ease !important; /* Suaviza a transição de hover */
}

/* ÍCONE DO BOTÃO PADRÃO */
.elementor-2380 .elementor-element.elementor-element-55dfbde .elementor-button-icon {
    transform-origin: center; /* Define o ponto de transformação do ícone como o centro */
    transition: all 0.5s ease !important; /* Transição suave para mudanças no ícone */
}

/* ÍCONE DO BOTÃO AO PASSAR O MOUSE */
.elementor-2380 .elementor-element.elementor-element-55dfbde .elementor-button:hover .elementor-button-icon {
    transform-origin: center; /* Mantém a origem da transformação no centro */
    transition: all 0.5s ease; /* Suaviza qualquer transformação que ocorra no hover */
}

/* SVG DO ÍCONE AO PASSAR O MOUSE */
.elementor-2380 .elementor-element.elementor-element-55dfbde .elementor-button:hover .elementor-button-icon svg {
    transform-origin: center; /* Origem da animação no centro do SVG */
    animation: seta 1s infinite; /* Executa a animação "seta" a cada 1s de forma infinita */
    transition: all 0.5s ease !important; /* Suaviza transformações */
}

/* ANIMAÇÃO PERSONALIZADA: "Seta" */
@keyframes seta {
    0%, 100% {
        transform: translate(0px, 0px); /* Começa e termina na posição normal */
    }
    50% {
        transform: translate(5px, 0px); /* No meio da animação, move 5px para a direita */
    }
}

/* ENVOLTÓRIO DO CONTEÚDO DO BOTÃO */
.elementor-button-content-wrapper {
    display: flex; /* Ativa flexbox para alinhar conteúdo */
    align-items: center; /* Centraliza verticalmente o ícone e o texto */
    transition: all 0.5s ease !important; /* Suaviza ajustes de layout */
}

/* BOTÃO QUANDO RECEBE FOCO (CLIQUE OU TECLADO) */
.elementor-2380 .elementor-element.elementor-element-55dfbde .elementor-button:focus {
    transform: scale(0.98); /* Encolhe um pouco o botão ao ser clicado */
    transition: all 0.1s ease !important; /* Transição rápida para dar resposta visual */
    box-shadow: 
        0px 4px 54px 0px #FF005B, /* Sombra externa rosa intensa */
        0px 0px 14px 0px #FF005B inset; /* Sombra interna rosa para realce */
}

/* ESTILIZAÇÃO DO SVG DO ÍCONE */
.elementor-2380 .elementor-element.elementor-element-55dfbde .elementor-button svg {
    width: 20px; /* Largura fixa do ícone */
    height: 20px; /* Altura fixa do ícone */
    filter: drop-shadow(0px 0px 24px #FF005B) !important; /* Brilho rosa ao redor do ícone */
    vertical-align: middle; /* Alinha verticalmente com o texto */
}

/* CORREÇÃO EXTRA NO CONTEÚDO DO BOTÃO */
.elementor-2380 .elementor-element.elementor-element-55dfbde .elementor-button-content-wrapper {
    align-items: center; /* Garante alinhamento vertical mesmo se duplicado */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-aa9efc4 *//* ÍCONE DENTRO DO BOTÃO */
.elementor-2380 .elementor-element.elementor-element-aa9efc4 .elementor-button-icon {
    width: 24px;
    height: 24px;
    transition: 0.5s; /* Suaviza qualquer transição no ícone */
}

/* ESTILO GERAL DO BOTÃO COM NEUMORPHISMO */
.elementor-2380 .elementor-element.elementor-element-aa9efc4 {
  color: #7e97b8; /* Cor do texto inicial */
  background-color: #e0e8ef; /* Cor de fundo clara */
  
  border-style: solid; /* Tipo da borda */
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.333); /* Borda sutil e translúcida */
  
  border-radius: 40px; /* Borda arredondada (efeito pill) */
  
  /* Sombra dupla cria o efeito de volume sutil (Neumorphismo) */
  box-shadow: 
    -4px -2px 16px 0px #ffffff, /* Luz vinda do topo-esquerda */
    4px 2px 16px 0px rgb(95 157 231 / 48%); /* Sombra azulada no fundo */

  transition: color 0.2s, background-color 0.2s, box-shadow 0.2s; /* Transições suaves */

  display: inline-flex; /* Flexbox para alinhamento interno */
  align-items: center;
  justify-content: center;
}

/* EFEITO HOVER: Quando o mouse passa por cima */
.elementor-2380 .elementor-element.elementor-element-aa9efc4:hover {
  color: #516d91; /* Texto um pouco mais escuro */
  background-color: #E5EDF5; /* Fundo mais claro */

  /* Sombra mais suave, como se estivesse “levantado” */
  box-shadow: 
    -2px -1px 8px 0px #ffffff,
    2px 1px 8px 0px rgb(95 157 231 / 48%);
}

/* ÍCONE SVG DENTRO DO BOTÃO */
.elementor-2380 .elementor-element.elementor-element-aa9efc4 .elementor-button-icon svg {
  font-size: 18px; /* Tamanho do ícone */
  margin-top: 1px; /* Ajuste vertical fino */
}

/* EFEITO DE “CLIQUE” */
.elementor-2380 .elementor-element.elementor-element-aa9efc4:active {
  box-shadow: none; /* Remove sombra, criando efeito de botão pressionado */
}

/* AJUSTE FINO DO ÍCONE */
.elementor-2380 .elementor-element.elementor-element-aa9efc4 .elementor-button-icon {
  font-size: 18px;
  margin-top: 0.89px;
  margin-right: 5px; /* Espaço entre o ícone e o texto */
  transform: rotate(0deg); /* Estado inicial do ícone */
  transition: transform 0.4s ease-in-out; /* Anima rotação e movimento do ícone */
}

/* TEXTO DO BOTÃO */
.elementor-2380 .elementor-element.elementor-element-aa9efc4 span {
  transition: transform 0.4s ease-in-out; /* Transição suave para o texto também */
}

/* ANIMAÇÃO NO HOVER: o ícone gira e se move */
.elementor-2380 .elementor-element.elementor-element-aa9efc4:hover .elementor-button-icon {
  transform: translateX(5px) rotate(45deg); /* Move o ícone para direita e gira 45° */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-089301b *//* BOTÃO EM ESTADO PADRÃO (gradiente vermelho) */
.elementor-2380 .elementor-element.elementor-element-089301b .elementor-button {
    background: linear-gradient(90deg, #E73B3B 0%, #FE6E6E 50%, #E73B3B 100%);
    border-radius: 8px !important;
    overflow: hidden; /* Esconde conteúdo extra (importante para efeitos visuais como brilho) */
    transform: translate(0%, 0%);
    flex-grow: 1 !important;

    /* Transições suaves ao mudar de estado */
    transition: background-color 0.8s ease, box-shadow 0.8s ease, transform 0.8s ease; 
}

/* HOVER NO BOTÃO - muda a cor e ativa sombras */
.elementor-2380 .elementor-element.elementor-element-089301b:hover .elementor-button {
    background: linear-gradient(90deg, #FE6E6E 0%, #FF8F8F 50%, #FE6E6E 100%);
    box-shadow: 
        0px -10px 80px 0px rgba(231, 59, 59, 0.45), 
        0px -9.855px 29.201px 0px rgba(231, 59, 59, 0.35), 
        0px -4.785px 14.177px 0px rgba(231, 59, 59, 0.12), 
        0px -2.346px 6.95px 0px rgba(231, 59, 59, 0.10), 
        0px -0.927px 2.748px 0px rgba(231, 59, 59, 0.40);
}

/* BRILHO QUE SE MOVE SOBRE O BOTÃO */
.elementor-2380 .elementor-element.elementor-element-089301b .elementor-button::before {
    content: '';
    background: linear-gradient(
        10deg,
        rgba(255, 200, 200, 0.8) 12.81%,
        rgba(255, 200, 200, 0.00) 66.66%
    );
    width: 90px;
    height: 160%;
    position: absolute;
    transform: translateX(-50%) skew(-25deg); /* Inclina e posiciona a faixa de brilho */
    bottom: 0%;
    left: -10%; /* Começa à esquerda do botão */
    user-select: none;
    pointer-events: none;
    animation: shinery 3s infinite ease-in-out;
    filter: blur(4px); /* Suaviza as bordas do brilho */
    opacity: 0; /* Começa invisível */
}

/* ANIMAÇÃO DO BRILHO */
@keyframes shinery {
    0% {
        left: -10%;
        opacity: 0;
    }
    20% {
        opacity: 0.7; /* Brilho aparece */
    }
    48% {
        left: 110%; /* Brilho atravessa o botão */
        opacity: 0.7;
    }
    51% {
        opacity: 0; /* Some após cruzar */
    }
    100% {
        left: 110%;
        opacity: 0;
    }
}

/* BORDA DECORATIVA EXTERNA */
.elementor-2380 .elementor-element.elementor-element-089301b .elementor-button::after {
    content: '';
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    border-radius: inherit; /* Mantém o arredondamento do botão */
    border: 3px solid #ADADAD40; /* Borda sutil com transparência */
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1; /* Fica atrás do botão */
    transform: translate(-50%, -50%);
    user-select: none;
    pointer-events: none;
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-39d90bb *//* BOTÃO BASE - ESTILO GERAL */
.elementor-2380 .elementor-element.elementor-element-39d90bb .elementor-button {
    position: relative; /* Necessário para os pseudos ::before e ::after */
    display: inline-flex; /* Flexbox interno */
    align-items: center;
    justify-content: center;
    border-radius: 50px; /* Botão estilo cápsula */
    border: none;
    cursor: pointer;
    overflow: hidden; /* Esconde brilho/efeitos fora da borda */
    text-decoration: none;
    -webkit-tap-highlight-color: transparent; /* Remove flash azul no clique em mobile */

    /* SOMBRA MULTICAMADA LIME NEON */
    box-shadow: 
        0 -3px 0 0 #8aa349 inset, /* Borda interna verde escura */
        0 323px 90px 0 rgba(178, 254, 2, .01),
        0 207px 83px 0 rgba(178, 254, 2, .07),
        0 116px 70px 0 rgba(178, 254, 2, .15),
        0 52px 52px 0 rgba(178, 254, 2, .25),
        0 13px 28px 0 rgba(178, 254, 2, .35);

    /* SUAVIZA a animação do clique e da sombra */
    transition: transform 0.1s ease-out, box-shadow 0.1s ease-out;
}

/* CAMADAS ANIMADAS DO BOTÃO (gradientes e brilhos) */
.elementor-2380 .elementor-element.elementor-element-39d90bb .elementor-button::before,
.elementor-2380 .elementor-element.elementor-element-39d90bb .elementor-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    transition: opacity 0.5s ease; /* Troca de camadas suave */
    pointer-events: none;
}

/* CAMADA BASE: gradiente com verde neon e sombra */
.elementor-2380 .elementor-element.elementor-element-39d90bb .elementor-button::before {
    background: linear-gradient(90deg, #B2FE02 0%, #CFFF5F 50%, #B2FE02 100%);
    box-shadow: 0 -3px 0 0 #9ACD32 inset;
    border-top: 2px solid #DFFF8F;
    z-index: 0;
    opacity: 1;
}

/* CAMADA ALTERNATIVA (ativa no hover) */
.elementor-2380 .elementor-element.elementor-element-39d90bb .elementor-button::after {
    background: linear-gradient(90deg, #CFFF5F 0%, #E1FFAE 50%, #CFFF5F 100%);
    box-shadow: 0 -3px 0 0 #B2FE02 inset;
    border-top: 2px solid #F0FFF0;
    opacity: 0; /* Começa invisível */
    z-index: 1;
}

/* AO PASSAR O MOUSE: mostra o brilho ::after */
.elementor-2380 .elementor-element.elementor-element-39d90bb .elementor-button:hover::after {
    opacity: 1;
}

/* AO CLICAR: botão desce e a sombra muda */
.elementor-2380 .elementor-element.elementor-element-39d90bb .elementor-button:active {
    transform: translateY(3px); /* Efeito de pressão */

    box-shadow:
        0 -2px 0 0 #8aa349 inset, /* Sombra interna menor */
        0 140px 50px 0 rgba(178, 254, 2, .05),
        0 80px 40px 0 rgba(178, 254, 2, .10),
        0 30px 25px 0 rgba(178, 254, 2, .15),
        0 5px 10px 0 rgba(178, 254, 2, .25);
}

/* WRAPPER DE CONTEÚDO DO BOTÃO - texto + ícone */
.elementor-2380 .elementor-element.elementor-element-39d90bb .elementor-button-content-wrapper {
    position: relative;
    z-index: 2; /* Fica acima do brilho ::before/::after */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* TEXTO DO BOTÃO */
.elementor-2380 .elementor-element.elementor-element-39d90bb .elementor-button-text {
    line-height: normal;
    text-align: center;
}

/* FOCO COM ACESSIBILIDADE (teclado) */
.elementor-2380 .elementor-element.elementor-element-39d90bb .elementor-button:focus-visible {
    outline: 3px solid #CFFF5F; /* Borda de foco bem visível */
    outline-offset: 2px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6d29b35 *//* BOTÃO COM GRADIENTE ANIMADO - TEXTURA VIVA */
.elementor-2380 .elementor-element.elementor-element-6d29b35 .elementor-button {
    animation: textura 3.4s cubic-bezier(0.2, 0.5, 0.9, 0.6) 2s infinite normal none running;
    background-image: linear-gradient(258deg, #BDFF00, #05E400, #BDFF00, #05E400); /* Verde-limão animado */
    background-size: 400% 200%; /* Permite movimento do gradiente */
    position: relative; /* Necessário para ::after funcionar */
    z-index: 1; /* Garante que o botão fique acima do fundo */
}

/* ANIMAÇÃO DO GRADIENTE EM MOVIMENTO */
@keyframes textura {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}

/* CAMADA ADICIONAL COM ANIMAÇÃO EFEITO GLOW (opcional) */
.btn .elementor-button::after {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 4.739px;
    z-index: 0; /* Fica abaixo do conteúdo */

    transition: all 0.8s;
    animation: textura 2s ease infinite; /* Usa a mesma animação do fundo */
    background: inherit; /* Herda o gradiente */
    opacity: 0.3; /* Suaviza brilho adicional */
}

/* CONTEÚDO DO BOTÃO ACIMA DA CAMADA */
.btn .elementor-button span {
    z-index: 4;
    position: relative;
}

/* ETIQUETA COM VALOR FIXO – tipo "R$99" ou "Grátis" */
.valor {
    position: absolute;
    width: fit-content;
    white-space: nowrap;
    top: 95%; /* Logo abaixo do botão */
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.64em;
    padding: 5px 16px;
    border-radius: 5px;

    border: 1px solid rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px); /* Efeito vidro */
    background: #fffff95; /* ⚠️ Valor incorreto corrigido abaixo */
    background: rgba(255, 255, 255, 0.1); /* Corrigido */
    color: #ffffff;
    z-index: 999999;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed465f0 */.elementor-2380 .elementor-element.elementor-element-ed465f0{
    overflow: hidden;
    border-radius: 8px;
    padding: 0;
}

.elementor-2380 .elementor-element.elementor-element-ed465f0 .elementor-button *{
    position: relative;
    z-index: 9;
}

.elementor-2380 .elementor-element.elementor-element-ed465f0 .elementor-button{
    transition: 0.5s;
    background: transparent !important;
    padding: 24px;
    position: relative;
    z-index: 3;
    width: 300px; /*altere a largura aqui*/
}

/*cor da borda*/
.elementor-2380 .elementor-element.elementor-element-ed465f0 .elementor-button::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff20; /*altere a cor aqui*/
  z-index: 1;
  transition: opacity 0.3s linear;
  opacity: 1;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

/*cor de fundo*/
.elementor-2380 .elementor-element.elementor-element-ed465f0 .elementor-button::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #131313; /*altere a cor aqui*/
  z-index: 3;
  transition: opacity 0.2s linear;
  opacity: 1;
  width: calc(100% - 2px); /*controle a largura da borda aqui*/
  height: calc(100% - 2px); /*controle a largura da borda aqui*/
    border-radius: 8px;
    transition: 0.5s;
}

/*cor do brilho*/
.elementor-2380 .elementor-element.elementor-element-ed465f0::before {
  position: absolute;
  content: "";
  top: -200%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff; /*altere a cor aqui*/
  z-index: 2;
  transition: opacity 0.2s linear;
  opacity: 1;
  width: 50px;
  height: 500%;
  filter: blur(5px);
    border-radius: 8px;
  animation: rodar 5s infinite linear;
  transform-origin: center bottom;
}

/*animação do brilho*/
@keyframes rodar{
    0%{
        transform: translate(-50%, -50%) rotate(0);
    }
    100%{
        transform: translate(-50%, -50%) rotate(360deg);
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f4bbf50 *//* Estilo do botão */
.elementor-2380 .elementor-element.elementor-element-f4bbf50 {
  outline: none; /* Remove o contorno ao clicar */
  cursor: pointer; /* Altera o cursor para ponteiro */
  position: relative; /* Necessário para a camada de fundo */
  display: inline-block;
  border-radius: 100px; /* Bordas arredondadas */
  overflow: hidden; /* Oculta conteúdo fora do botão */
  background: #131313;
}

/* Estilo do texto dentro do botão */
.elementor-2380 .elementor-element.elementor-element-f4bbf50 span {
  position: relative;
  z-index: 10; /* Fica acima da camada */
  transition: color 0.4s; /* Transição suave da cor */
}

/* Muda a cor do texto quando o botão é hover */
.elementor-2380 .elementor-element.elementor-element-f4bbf50:hover span {
  color: white;
}

/* Pseudo-elementos para o fundo */
.elementor-2380 .elementor-element.elementor-element-f4bbf50::before,
.elementor-2380 .elementor-element.elementor-element-f4bbf50::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

/* Camada preta que desliza */
.elementor-2380 .elementor-element.elementor-element-f4bbf50::before {
  content: "";
  background: #fa3c2a;
  width: 120%;
  left: -10%;
  transform: skew(45deg);
  transition: transform 0.6s; /* Animação suave */
}

/* Camada desliza ao passar o mouse */
.elementor-2380 .elementor-element.elementor-element-f4bbf50:hover::before {
  transform: translate3d(100%, 0, 0);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1267107 *//* Estilo básico para o botão do Elementor */
.elementor-2380 .elementor-element.elementor-element-1267107 .elementor-button {

  background: #B2FE02 !important;
  color: white !important;
  border-radius: 1000px !important;

  cursor: pointer !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* Quando o botão é hover, muda a cor do texto para preto */
.elementor-2380 .elementor-element.elementor-element-1267107 .elementor-button:hover {
  color: black !important;
}

/* Efeito da camada branca por trás do botão */
.elementor-2380 .elementor-element.elementor-element-1267107 .elementor-button::after {
  content: "" !important;
  background: white !important;
  position: absolute !important;
  z-index: -1 !important;
  left: -20% !important;
  right: -20% !important;
  top: 0 !important;
  bottom: 0 !important;
  transform: skewX(-45deg) scale(0, 1) !important; /* Começa invisível */
  transition: all 0.5s !important; /* Transição suave */
}

/* Quando o botão é hover, a camada branca aparece */
.elementor-2380 .elementor-element.elementor-element-1267107 .elementor-button:hover::after {
  transform: skewX(-45deg) scale(1, 1) !important; /* Expande a camada */
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important; /* Transição suave */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c8abd2 *//* Personalizar utilizando o Easy Coder*/
.elementor-2380 .elementor-element.elementor-element-4c8abd2 {
  border-radius: 12px; /* Cantos arredondados do botão */
  background: linear-gradient(90deg, #0B66B4 0%, #43CE9D 100%); 
  /* Fundo com um degradê de azul para verde */
  box-shadow: 0 20px 30px -6px rgba(11, 102, 180, 0.46); 
  /* Sombra do botão, com um tom do gradiente (cor do azul) para dar profundidade */
  
  outline: none; /* Remove a borda externa (foco) do botão */
  cursor: pointer; /* Muda o cursor para "mãozinha" quando passa o mouse sobre o botão */
  border: none; /* Remove qualquer borda do botão */
  transition: 0.5s; /* Transição suave de 0.5 segundos para animações */
  position: relative; /* Posicionamento relativo, necessário para o uso do ::before */
  overflow: hidden; /* Garante que os elementos internos não ultrapassem os limites do botão */
  display: inline-flex; /* Alinha o conteúdo do botão em linha com flexbox */
  align-items: center; /* Alinha o conteúdo (ícone + texto) ao centro verticalmente */
  color: white; /* Cor do texto do botão (branco) */
}

/* Estilizando o ícone do Elementor que pode ser incluído no botão */
.elementor-2380 .elementor-element.elementor-element-4c8abd2 .elementor-button-icon {
  font-size: 17px; /* Tamanho do ícone dentro do botão */
  color: white; /* Cor do ícone (branco) */
  margin-right: 8px; /* Espaço entre o ícone e o texto */
  transition: transform 0.5s ease; /* Transição suave para animações quando o ícone for movido */
}

/* Microinteração no hover: o ícone do botão se move e gira */
.elementor-2380 .elementor-element.elementor-element-4c8abd2:hover .elementor-button-icon {
  transform: translateX(5px) rotate(5deg); 
  /* Quando o mouse passar sobre o botão, o ícone se move para a direita e gira um pouco */
}

/* Efeito visual ao pressionar o botão (efeito de clique) */
.elementor-2380 .elementor-element.elementor-element-4c8abd2:active {
  opacity: 0.5; /* Diminui a opacidade do botão para indicar que está sendo pressionado */
}

/* Efeito de luz passando em diagonal sobre o botão */
.elementor-2380 .elementor-element.elementor-element-4c8abd2::before {
  content: ''; /* Necessário para o uso do ::before, já que ele não carrega conteúdo por si só */
  background: linear-gradient(10deg, #D1D2EA 12.81%, rgba(209, 210, 234, 0.00) 66.66%); 
  /* Gradiente de luz (um tom de cinza claro para transparente) */
  width: 70px; /* Largura da luz (fica com uma linha fina) */
  height: 130%; /* A altura da luz é maior que o botão, para "passar por ele" */
  position: absolute; /* Coloca a luz sobre o botão */
  transform: translateX(-50%) skew(-25deg); 
  /* Centraliza a luz e a inclina para dar o efeito de movimento */
  bottom: 0%; /* Coloca a luz no fundo do botão */
  user-select: none; /* Impede que a luz seja selecionada ao clicar */
  pointer-events: none; /* Impede que a luz interaja com o mouse */
  animation: shinery 3s infinite ease-in-out; 
  /* Animação da luz com o nome "shinery", que se move por 3 segundos e repete infinitamente */
  filter: blur(3px); /* Aplica um desfoque à luz para dar um efeito mais suave */
}

/* Keyframes da animação da luz (a luz se move de um lado para o outro e desaparece) */
@keyframes shinery {
  0%, 100% {
    left: -10%; /* A luz começa fora da tela à esquerda */
    opacity: 0; /* Começa invisível */
  }
  20% {
    opacity: 1; /* Fica visível */
  }
  48% {
    left: 110%; /* A luz se move para a direita fora da tela */
    opacity: 1; /* Mantém visível */
  }
  51% {
    opacity: 0; /* Fica invisível novamente */
  }
}

/* Efeito de hover no botão: ao passar o mouse sobre ele */
.elementor-2380 .elementor-element.elementor-element-4c8abd2:hover {
  transform: translateY(-8px); /* O botão se move um pouco para cima */
  box-shadow: none; /* Remove a sombra do botão quando o hover ocorre */
  transition: 0.5s; /* Transição suave de 0.5 segundos */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0420f81 */.elementor-2380 .elementor-element.elementor-element-0420f81 .elementor-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px !important;
  background-color: #131313 !important;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.4s ease;
}

.elementor-2380 .elementor-element.elementor-element-0420f81 .elementor-button::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #2a50fa;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.6s ease;
  z-index: 0;
}

/* Texto sobreposto ao círculo */
.elementor-2380 .elementor-element.elementor-element-0420f81 .elementor-button-text {
  position: relative;
  z-index: 1;
  transition: all 0.4s ease;
}

/* HOVER – ativa efeitos */
.elementor-2380 .elementor-element.elementor-element-0420f81 .elementor-button:hover {
  color: white !important;
  border-radius: 12px;
  box-shadow: none;
}

/* Círculo de fundo expande */
.elementor-2380 .elementor-element.elementor-element-0420f81 .elementor-button:hover::before {
  width: 220px;
  height: 220px;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9cc25c */.button {
  /* Cor do botão principal */
  --black-700: hsla(72, 100%, 41%, 1); /* Cor verde do botão */
  
  --border_radius: 9999px; /* Bordas arredondadas */
  --transtion: 0.3s ease-in-out; /* Transição suave */
  --offset: 2px; /* Deslocamento da sombra do botão */

  cursor: pointer;
  position: relative;
  
  display: flex;
  align-items: center;
  gap: 0.5rem;

  transform-origin: center;

  padding: 1rem 2rem;
  background-color: transparent; /* Fundo transparente */
  
  border: none;
  border-radius: var(--border_radius); /* Bordas arredondadas */
  transform: scale(calc(1 + (var(--active, 0) * 0.1))); /* Escala do botão quando ativado */
  
  transition: transform var(--transtion); /* Transição para o efeito de escala */
}

.button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  width: 100%;
  height: 100%;
  background-color: #7FFA32; /* Cor verde do botão */
  
  border-radius: var(--border_radius);
  box-shadow: inset 0 0.5px hsl(0, 0%, 100%), inset 0 -1px 2px 0 hsl(0, 0%, 0%),
    0px 4px 10px -4px hsla(0 0% 0% / calc(1 - var(--active, 0))),
    0 0 0 calc(var(--active, 0) * 0.375rem) hsla(0, 0%, 100%, 0.5); /* Sombra interna e externa */

  transition: all var(--transtion); /* Transição suave para efeitos de sombra e escala */
  z-index: 0;
}

.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  width: 100%;
  height: 100%;
  background-color: #7FFA32; /* Cor verde do botão */
  
  /* Gradientes para o efeito de brilho */
  background-image: 
    radial-gradient(
      at 51% 89%, 
      #B6FF88 0px, /* Brilho mais claro */
      transparent 50%
    ),
    radial-gradient(
      at 100% 100%, 
      #B6FF88 0px, /* Brilho mais claro */
      transparent 50%
    ),
    radial-gradient(
      at 22% 91%, 
      #B6FF88 0px, /* Brilho mais claro */
      transparent 50%
    );

  background-position: top;
  
  opacity: var(--active, 0); /* Controle de opacidade no hover */
  border-radius: var(--border_radius);
  transition: opacity var(--transtion); /* Transição de opacidade */
  z-index: 2;
}

.button:is(:hover, :focus-visible) {
  --active: 1; /* Ativa o efeito de brilho no hover */
}

.button:active {
  transform: scale(1); /* Remover a escala extra ao clicar */
}

.button .dots_border {
  --size_border: calc(100% + 2px);
  
  overflow: hidden;
  
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: var(--size_border);
  height: var(--size_border);
  background-color: transparent;

  border-radius: var(--border_radius);
  z-index: -10;
}

.button .dots_border::before {
  content: "";
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: left;
  transform: rotate(0deg);
  
  width: 100%;
  height: 2rem;
  background-color: white; /* Cor dos pontos da animação */
  
  mask: linear-gradient(transparent 0%, white 120%);
  animation: rotate 2s linear infinite; /* Animação de rotação */
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

.button .sparkle {
  position: relative;
  z-index: 10;
  
  width: 1.75rem;
}

.button .sparkle .path {
  transform-origin: center;
  color: #000000; /* Cor da "estrela" (brilho) */
}

.button:is(:hover, :focus) .sparkle .path {
  animation: path 1.5s linear 0.5s infinite; /* Animação das estrelas de brilho */
}

@keyframes path {
  0%,
  34%,
  71%,
  100% {
    transform: scale(1);
  }
  17% {
    transform: scale(1);
  }
  49% {
    transform: scale(1);
  }
  83% {
    transform: scale(1);
  }
}

.button .text_button {
  position: relative;
  z-index: 10;
  
  background-image: none; /* Remove gradiente do texto */
  color: #000000; /* Cor do texto preto */
  
  font-weight: 500;
  font-family: "Unbounded", sans-serif; /* Fonte utilizada no botão */
  font-size: 1rem;
  
  transition: text-shadow 0.3s ease; /* Transição suave para o brilho no texto */
}

/* Efeito de brilho no texto */
.button:is(:hover, :focus-visible) .text_button {
  text-shadow: 0 0 10px #9CFF6A, 0 0 20px #9CFF6A, 0 0 30px #9CFF6A; /* Brilho verde mais claro no texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6b49d90 */.elementor-2380 .elementor-element.elementor-element-6b49d90 .elementor-button {
  border-radius: 100px !important;/* Atualizado com base no novo estilo fornecido */
  border-top: 2px solid #F2D2AE; /* Cor mais clara do novo degradê */
  background: linear-gradient(90deg, #E1B789 0.01%, #F2D2AE 55.23%, #E1B789 110.44%) !important; /* Novo degradê */
  box-shadow: 0px 4px 0px 0px #C89E70; /* Tom mais escuro de #E1B789 para a sombra */
  transition: 0.5s;
  position: relative;
  z-index: 1;
}

.elementor-2380 .elementor-element.elementor-element-6b49d90 .elementor-button::before {
  /* Degradê invertido para o efeito hover, usando as mesmas porcentagens do novo degradê principal */
  background: linear-gradient(90deg, #F2D2AE 0.01%, #E1B789 55.23%, #E1B789 110.44%);
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transition: .8s;
   border-radius: 100px !important;
  opacity: 0;
}

.elementor-2380 .elementor-element.elementor-element-6b49d90 .elementor-button:hover::before {
  opacity: 1;
}

.elementor-2380 .elementor-element.elementor-element-6b49d90 .elementor-button:hover {
  transform: scale(1.05);
   border-radius: 100px !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60ff0d2 *//* Use o Easy Coder para personalizar as cores */
.elementor-2380 .elementor-element.elementor-element-60ff0d2 .elementor-button-wrapper {
    display: flex; /* Flexbox é usado para alinhar e distribuir os itens dentro do contêiner */
    justify-content: center; /* Alinha o conteúdo horizontalmente no centro */
    align-items: stretch; /* Faz com que o conteúdo ocupe toda a altura disponível */
    white-space: nowrap; /* Impede que o texto quebre para a próxima linha */
    width: 100%; /* Garante que o botão ocupe toda a largura disponível do contêiner */
}

/* A classe .elementor-widget-container define o layout do contêiner do botão. */
.elementor-2380 .elementor-element.elementor-element-60ff0d2 .elementor-widget-container {
    display: flex; /* Flexbox para garantir que o conteúdo (como o texto) fique centralizado */
    justify-content: center; /* Alinha o conteúdo (texto) horizontalmente no centro */
}

/* Cor de fundo do botão. O botão tem um gradiente do azul claro para o azul escuro. */
.elementor-2380 .elementor-element.elementor-element-60ff0d2 .elementor-button {
    background: radial-gradient(57.68% 100% at 47.82% 0%, #7199FF 0%, #1955ED 100%); /* Gradiente de fundo (azul claro para azul escuro) */

    /* Sombras do botão para dar um efeito de profundidade */
    box-shadow: 0px -27px 80px 0px rgba(26, 56, 251, 0.22), 0px -9.855px 29.201px 0px rgba(26, 56, 251, 0.15), 0px -4.785px 14.177px 0px rgba(26, 56, 251, 0.12), 0px -2.346px 6.95px 0px rgba(26, 56, 251, 0.10), 0px -0.927px 2.748px 0px rgba(26, 56, 251, 0.07);
    overflow: hidden; /* Impede que o conteúdo saia do botão */
    transform: translate(0%, 0%); /* Mantém o botão na posição original */
    flex-grow: 1 !important; /* Faz o botão crescer e ocupar toda a área disponível do contêiner */
    align-self: stretch !important; /* Faz o botão se esticar para ocupar toda a altura do contêiner */
    transition: .5s all; /* Transição suave para as mudanças de estado */
    display: flex !important; /* Garante que o botão tenha comportamento flexível */
    justify-content: center !important; /* Centraliza o conteúdo (texto) dentro do botão */
    align-items: center !important; /* Centraliza o conteúdo verticalmente */
}

/* Cor do botão quando o usuário passa o mouse sobre ele (hover). O botão muda para um gradiente de laranja para vermelho. */
.elementor-2380 .elementor-element.elementor-element-60ff0d2:hover .elementor-button {
    background: linear-gradient(90deg, #FF6A00 0%, #FF3E00 100%); /* Novo gradiente (de laranja para vermelho) */
    
    /* Sombras do botão no hover (também ajustadas para o novo tom) */
    box-shadow: 0px -27px 80px 0px rgba(255, 106, 0, 0.22), 0px -9.855px 29.201px 0px rgba(255, 106, 0, 0.15), 0px -4.785px 14.177px 0px rgba(255, 106, 0, 0.12), 0px -2.346px 6.95px 0px rgba(255, 106, 0, 0.10), 0px -0.927px 2.748px 0px rgba(255, 106, 0, 0.07);
    transition: .5s all; /* Transição suave quando o botão muda de cor */
    transform: scale(1.05); /* Faz o botão crescer um pouco quando o mouse passa sobre ele */
}

/* Efeito de brilho para dar um toque especial no botão. */
.elementor-2380 .elementor-element.elementor-element-60ff0d2 .elementor-button::before {
    content: ''; /* Cria um conteúdo vazio, usado para o efeito de brilho */
    background: linear-gradient(10deg, #D1D2EA 12.81%, rgba(209, 210, 234, 0.00) 66.66%); /* Gradiente suave para o efeito de brilho */
    width: 90px; /* Largura do brilho */
    height: 160%; /* A altura é maior do que o botão, criando um efeito visual de brilho maior */
    position: absolute; /* Coloca o brilho em uma posição absoluta em relação ao botão */
    transform: translateX(-50%) skew(-25deg); /* Movimenta e distorce o brilho para criar o efeito */
    bottom: 0%; /* Coloca o brilho na parte inferior do botão */
    user-select: none; /* Impede que o usuário selecione o brilho */
    pointer-events: none; /* Impede que o brilho interaja com o mouse */
    animation: shinery 3s infinite ease-in-out; /* Animação do brilho que se move de um lado para o outro */
    filter: blur(4px); /* Aplica um desfoque suave ao brilho */
}

/* A animação de brilho do botão. O brilho se move para a esquerda e para a direita. */
@keyframes shinery {
    0%, 100% { left: -10%; opacity: 0; } /* Brilho começa e termina invisível e fora do botão */
    20% { opacity: 1; } /* Brilho aparece com opacidade máxima */
    48% { left: 110%; opacity: 1; } /* Brilho se move para a direita */
    51% { opacity: 0; } /* Brilho desaparece rapidamente */
}

/* Cor da borda do botão (uma borda cinza suave em volta do botão). */
.elementor-2380 .elementor-element.elementor-element-60ff0d2 .elementor-button::after {
    content: ''; /* Cria um conteúdo vazio, usado para a borda */
    width: calc(100% + 6px); /* A largura da borda é um pouco maior que o botão */
    height: calc(100% + 6px); /* A altura da borda é um pouco maior que o botão */
    border-radius: inherit; /* Herda o arredondamento do botão */
    border-radius: 500px; /* Torna a borda bem arredondada */
    border: 5px solid #ADADAD40; /* Borda de 5px de espessura com cor cinza suave */
    position: absolute; /* Coloca a borda em uma posição absoluta em relação ao botão */
    top: 0; /* Alinha a borda ao topo */
    left: 0; /* Alinha a borda à esquerda */
    z-index: 2; /* Garante que a borda fique acima do conteúdo do botão */
    transform: translate(-50%, -50%); /* Move a borda para centralizá-la */
    top: 50%; /* Coloca a borda no meio do botão */
    left: 50%; /* Coloca a borda no meio do botão */
    user-select: none; /* Impede que o usuário selecione a borda */
    pointer-events: none; /* Impede que a borda interaja com o mouse */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e4a39f2 *//* Personalize o botão utilizando o Easy Coder */

.elementor-2380 .elementor-element.elementor-element-e4a39f2 .elementor-button-text,
.elementor-2380 .elementor-element.elementor-element-e4a39f2 .elementor-button-icon{
    position: relative;
    z-index: 2;
}

.elementor-2380 .elementor-element.elementor-element-e4a39f2 .elementor-button {


  background: linear-gradient(90deg, #434ACE 0%, #7379E5 50%, #434ACE 100%); 

    box-shadow: 0px 0px 34px -10px rgba(0, 255, 85, 0.31);

    animation: brilho 4s ease infinite;

}

@keyframes brilho {
    0%, 100% {
        text-shadow: 0px 0px 14px rgba(0, 255, 85, 0.20);

    }
    50% {
        
        text-shadow: 0px 0px 20px rgba(0, 255, 85, 1);

    }
}

.elementor-2380 .elementor-element.elementor-element-e4a39f2 .elementor-button:hover {
    
    background: #0F5 !important;
    box-shadow: 0px 14px 24px 0px rgba(0, 255, 85, 0.14);
    color: #000F05 !important;
}

.elementor-2380 .elementor-element.elementor-element-e4a39f2 .elementor-button-icon{
    z-index: 2;
    font-size: 1.5em;    
    transition: 0.5s;
    margin-bottom: -4px;
    opacity: 0;
    animation: seta 1s infinite ease-in-out;
      

}

.elementor-2380 .elementor-element.elementor-element-e4a39f2 .elementor-button-text{
    z-index: 2;
    transition: 0.7s;
    width: 100% !important;
    white-space: nowrap;
    transform: translatex(20px) 
}

.elementor-2380 .elementor-element.elementor-element-e4a39f2 .elementor-button-content-wrapper{
    display: flex;
    align-items: center;
}


.elementor-2380 .elementor-element.elementor-element-e4a39f2 .elementor-button:hover .elementor-button-icon{
    opacity: 1;
}

.elementor-2380 .elementor-element.elementor-element-e4a39f2 .elementor-button:hover .elementor-button-text{
    transform: translatex(0);
}

@keyframes seta{
    0%, 100%{
        transform: translatex(10%); /*ajuste a posição do ícone aqui*/
    }
    50%{
        transform: translatex(50%); /*ajuste a posição do ícone aqui*/
    }
}/* End custom CSS */