.elementor .boton-atomico{width:auto;padding-inline-start:20px;padding-inline-end:20px;margin-block-end:0px;border-radius:100px;/* 1. Estado Inicial (Normal) */
.boton-atomico .boton-texto.e-heading-base {
  color: #333333 !important; /* Tu color base original */
  transition: color 0.4s ease-in-out !important;
}

.boton-atomico .boton-icono.e-svg-base {
  transition: transform 0.6s ease-in-out !important;
  display: inline-block; /* Asegura que la rotación funcione sobre el contenedor del SVG */
}

/* 2. Efecto Hover Vinculado (Al tocar el DIV padre) */
.boton-atomico:hover .boton-texto.e-heading-base {
  color: #ff6600 !important; /* El color que quieres en hover */
}

.boton-atomico:hover .boton-icono.e-svg-base {
  transform: rotate(360deg) !important; /* Hace girar el div del icono completo */
}\n}.elementor .boton-texto{color:#000000;}.elementor .boton-texto:hover,.elementor .boton-texto:focus-visible{color:#000000;}.elementor .boton-icono{filter:blur(0px);}