.elementor-21649 .elementor-element.elementor-element-6b23771 .elementor-button{background-color:transparent;font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:600;fill:var( --e-global-color-5d2a396 );color:var( --e-global-color-5d2a396 );background-image:linear-gradient(155deg, var( --e-global-color-8114d4f ) 45%, var( --e-global-color-fb0b351 ) 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-8114d4f );border-radius:5px 5px 5px 5px;padding:020px 36px 20px 36px;}.elementor-21649 .elementor-element.elementor-element-6b23771 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-21649 .elementor-element.elementor-element-6b23771 .elementor-button:hover, .elementor-21649 .elementor-element.elementor-element-6b23771 .elementor-button:focus{box-shadow:0px 0px 10px 1px rgba(235.00000000000006, 231.00000000000006, 224.00000000000006, 0.51);}/* Start custom CSS for button, class: .elementor-element-6b23771 *//* 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 */