.elementor-18717 .elementor-element.elementor-element-7ba47cf{--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-weight:var( --e-global-typography-accent-font-weight );}.elementor-18717 .elementor-element.elementor-element-c9aa282{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;z-index:9;}.elementor-18717 .elementor-element.elementor-element-c9aa282.elementor-element{--align-self:flex-start;}.elementor-18717 .elementor-element.elementor-element-c9aa282 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-18717 .elementor-element.elementor-element-c9aa282 .elementor-button{font-family:"Inter", Sans-serif;font-size:1.1em;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:500px 500px 500px 500px;padding:1.3em 5em 1.3em 5em;}@media(max-width:1024px){.elementor-18717 .elementor-element.elementor-element-c9aa282{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-18717 .elementor-element.elementor-element-c9aa282.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-18717 .elementor-element.elementor-element-c9aa282{width:100%;max-width:100%;margin:0.5em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 2em 0em 2em;}.elementor-18717 .elementor-element.elementor-element-c9aa282 .elementor-button{font-size:1em;line-height:1.2em;padding:1.5em 1em 1.5em 1em;}}/* Start custom CSS for button, class: .elementor-element-c9aa282 */.elementor-18717 .elementor-element.elementor-element-c9aa282 .elementor-button-text,
.elementor-18717 .elementor-element.elementor-element-c9aa282 .elementor-button-icon{
    position: relative;
    z-index: 2;
}

.elementor-18717 .elementor-element.elementor-element-c9aa282 .elementor-button:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(90deg, #96C726, #96C726); /* normal */
  z-index: 0;
  transition: opacity 0.3s linear;
  opacity: 1;
  border-radius: 100px;
}

.elementor-18717 .elementor-element.elementor-element-c9aa282 .elementor-button:before {
  position: absolute;
  content: "";
  inset: 0;
  background: linear-gradient(90deg, #7EB10A, #7EB10A); /* hover */
  z-index: 1;
  transition: opacity 0.2s linear;
  opacity: 0;
  border-radius: 100px;
}

.elementor-18717 .elementor-element.elementor-element-c9aa282 .elementor-button:hover:before {
  opacity: 1;
}

.elementor-18717 .elementor-element.elementor-element-c9aa282 .elementor-button{
    transition: 0.5s;
    background: transparent !important;
}

.elementor-18717 .elementor-element.elementor-element-c9aa282 .elementor-button-icon{
    z-index: 2;
    font-size: 1.7em;    
    transition: 0.5s;
    margin-bottom: -4px;
    opacity: 0;
    /* Aqui chamamos a animação padrão de Desktop */
    animation: seta 1s infinite ease-in-out;
}

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

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

.elementor-18717 .elementor-element.elementor-element-c9aa282 .elementor-button:hover .elementor-button-icon{
    opacity: 1;
}

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

/* --- ANIMAÇÃO PADRÃO (DESKTOP) --- */
@keyframes seta{
    0%, 100%{
        transform: translatex(40%);
    }
    50%{
        transform: translatex(80%);
    }
}

/* --- AQUI ESTÁ O TRUQUE PARA O MOBILE --- */

/* Regra: Se a tela for menor que 767px (Celular) */
@media (max-width: 767px) {
    
    /* Troca o nome da animação para a versão mobile */
    .elementor-18717 .elementor-element.elementor-element-c9aa282 .elementor-button-icon {
        animation-name: seta-mobile;
    }
}

/* --- NOVA ANIMAÇÃO SÓ PARA MOBILE --- */
@keyframes seta-mobile {
    0%, 100%{
        /* Exemplo: move menos no celular */
        transform: translatex(10%); 
    }
    50%{
        /* Exemplo: vai só até a metade */
        transform: translatex(40%); 
    }
}/* End custom CSS */