.boton--microvida { position:relative; isolation:isolate; overflow:visible; }
.microvida { position:absolute; inset:0; pointer-events:none; border-radius:inherit; }
.microvida svg { position:absolute; width:19px; height:19px; left:var(--left); bottom:calc(100% - 6px); fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; color:#ED83AA; opacity:0; filter:drop-shadow(0 0 4px #ed83aa55); animation:microvida-flotar 4.8s linear infinite; animation-delay:var(--delay); }
.microvida svg:nth-child(1) { --left:8%; --delay:-.5s; --drift:-9px; --turn:35deg; }
.microvida svg:nth-child(2) { --left:26%; --delay:-3.1s; --drift:7px; --turn:-25deg; color:#E8BF50; width:15px; height:15px; }
.microvida svg:nth-child(3) { --left:44%; --delay:-1.9s; --drift:-6px; --turn:60deg; }
.microvida svg:nth-child(4) { --left:63%; --delay:-4.2s; --drift:10px; --turn:-40deg; color:#F7DD82; width:16px; height:16px; }
.microvida svg:nth-child(5) { --left:79%; --delay:-1.2s; --drift:6px; --turn:25deg; color:#C19AE2; width:14px; height:14px; }
.microvida svg:nth-child(6) { --left:90%; --delay:-3.7s; --drift:-8px; --turn:-60deg; color:#E8BF50; width:13px; height:13px; }
.boton--microvida:hover .microvida, .boton--microvida:focus-visible .microvida { filter:brightness(1.25); }
@keyframes microvida-flotar {
  0% { opacity:0; transform:translate(0,8px) rotate(0); }
  18% { opacity:.85; }
  72% { opacity:.55; }
  100% { opacity:0; transform:translate(var(--drift),-25px) rotate(var(--turn)); }
}
.barra__cta .microvida svg { width:12px; height:12px; animation-duration:5.8s; }
@media (prefers-reduced-motion:reduce) { .microvida { display:none; } }