.elementor-30181 .elementor-element.elementor-element-30470ff > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-30181 .elementor-element.elementor-element-e96da69 .elementor-button{background-color:transparent;font-family:"Outfit", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;fill:var( --e-global-color-text );color:var( --e-global-color-text );background-image:linear-gradient(155deg, var( --e-global-color-0952fd0 ) 45%, var( --e-global-color-fa8003c ) 100%);border-style:solid;border-width:1px 1px 1px 1px;border-radius:15px 15px 15px 15px;padding:020px 36px 20px 36px;}.elementor-30181 .elementor-element.elementor-element-e96da69 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-30181 .elementor-element.elementor-element-e96da69 .elementor-button-content-wrapper{flex-direction:row;}.elementor-30181 .elementor-element.elementor-element-e96da69 .elementor-button:hover, .elementor-30181 .elementor-element.elementor-element-e96da69 .elementor-button:focus{box-shadow:0px 0px 10px 1px rgba(235.00000000000006, 231.00000000000006, 224.00000000000006, 0.51);}@media(max-width:767px){.elementor-30181 .elementor-element.elementor-element-e96da69 .elementor-button{font-size:14px;padding:13px 10px 13px 10px;}}/* Start custom CSS for button, class: .elementor-element-e96da69 *//* 1. APUNTAR AL BOTÓN REAL DE ELEMENTOR (Para que no se salga al contenedor) */
.ctaeverde .elementor-button {
  position: relative !important; 
  overflow: hidden !important;   
}

/* 2. EL EFECTO DE BRILLO (SHINE) */
.ctaeverde .elementor-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%; /* Empieza pegado al borde izquierdo */
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
  transform: skewX(-25deg);
  animation: shine 3s infinite;
  z-index: 1; /* Asegura que el brillo pase por encima del fondo */
}

/* Para que el texto no quede tapado por el brillo */
.ctaeverde .elementor-button .elementor-button-text,
.ctaeverde .elementor-button .elementor-button-icon {
  position: relative;
  z-index: 2; 
}

/* 3. ANIMACIÓN */
@keyframes shine {
  0% { left: -100%; } /* Arranca justo en el borde izquierdo */
  20% { left: 150%; } /* Cruza hasta el borde derecho y sale */
  100% { left: 150%; } /* Hace una pausa antes de repetir */
}/* End custom CSS */