.elementor-186 .elementor-element.elementor-element-f4142d1{--display:flex;--min-height:100vh;--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;}.elementor-186 .elementor-element.elementor-element-f4142d1:not(.elementor-motion-effects-element-type-background), .elementor-186 .elementor-element.elementor-element-f4142d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lp.henrimarmontesclaros.com.br/wp-content/uploads/2026/07/s10.svg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-186 .elementor-element.elementor-element-e998337{width:var( --container-widget-width, 540px );max-width:540px;--container-widget-width:540px;--container-widget-flex-grow:0;text-align:center;}.elementor-186 .elementor-element.elementor-element-e998337 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:35px;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-186 .elementor-element.elementor-element-b95f6eb{width:var( --container-widget-width, 566px );max-width:566px;--container-widget-width:566px;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-186 .elementor-element.elementor-element-4e5e37a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-186 .elementor-element.elementor-element-4e5e37a .elementor-button{font-family:"Archivo", Sans-serif;font-size:16px;font-weight:600;border-style:solid;border-width:2px 2px 2px 2px;border-color:#21B7A6;border-radius:50px 50px 50px 50px;}@media(max-width:767px){.elementor-186 .elementor-element.elementor-element-f4142d1{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-186 .elementor-element.elementor-element-e998337 .elementor-heading-title{font-size:26px;}.elementor-186 .elementor-element.elementor-element-b95f6eb{font-size:15px;}}@media(min-width:768px){.elementor-186 .elementor-element.elementor-element-f4142d1{--width:100%;}}/* Start custom CSS for button, class: .elementor-element-4e5e37a *//* --- ESTILO BASE DO BOTÃO --- */
.elementor-186 .elementor-element.elementor-element-4e5e37a .elementor-button {
    box-sizing: border-box !important; 
    
    /* 1. O degradê da borda agora tem mais pontos de cor para criar o fluxo */
    background: 
        linear-gradient(90deg, #4F9C93, #6CC4BA) padding-box, 
        linear-gradient(90deg, #FFFFFF, #4F9C93, #FFFFFF, #4F9C93, #FFFFFF) border-box !important; 
    
    /* 2. O truque: Deixamos o fundo da borda 3x mais largo (300%) para poder movê-lo */
    background-size: 100% 100%, 300% 100% !important;
    background-position: 0% 0%, 0% 50% !important;
    
    border: 1px solid transparent !important; 
    border-radius: 50px !important;
    box-shadow: 4px 4px 14.9px rgba(100, 196, 186, 0.46) !important;
        
    /* Aumentei a transição para 0.5s para o degradê correr com mais suavidade */
    transition: all 0.5s ease !important; 
}

/* --- ANIMAÇÃO MINIMALISTA E TROCA DE COR (Hover) --- */
.elementor-186 .elementor-element.elementor-element-4e5e37a .elementor-button:hover {
    transform: translateY(-2px); 
    box-shadow: 4px 8px 20px rgba(100, 196, 186, 0.65) !important; 
    
    /* A mágica: Desliza o degradê da borda, dando o efeito de troca de cor */
    background-position: 0% 0%, 100% 50% !important; 
}

/* Leve zoom no ícone */
.elementor-186 .elementor-element.elementor-element-4e5e37a .elementor-button:hover .elementor-button-icon svg {
    transform: scale(1.1); 
}

/* --- LAYOUT INTERNO DESKTOP --- */
.elementor-186 .elementor-element.elementor-element-4e5e37a .elementor-button span {
    display: flex;
    align-items: center;
    gap: 20px;
}

.elementor-186 .elementor-element.elementor-element-4e5e37a .elementor-button-icon svg {
    width: 32px;
    transition: transform 0.5s ease;
}

/* --- RESPONSIVIDADE (Mobile e Tablet) --- */
@media screen and (max-width: 768px) {
    .elementor-186 .elementor-element.elementor-element-4e5e37a .elementor-button span {
        align-items: center;
        gap: 12px;
    }
    
    .elementor-186 .elementor-element.elementor-element-4e5e37a .elementor-button-icon svg {
        width: 24px;
    }
}/* End custom CSS */