@property --voice-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes voice-border-turn{to{--voice-angle:360deg}}
.intro-actions [data-demo-info="voice"]{
  --voice-angle:0deg;--voice-border:conic-gradient(from var(--voice-angle),var(--wine,#9f245d),#766780,#b287a4,#79b5bd,var(--wine,#9f245d));
  position:relative;isolation:isolate;border:0!important;border-radius:999px!important;padding:2px!important;
  background:var(--voice-border)!important;color:#534741;overflow:visible;
  animation:voice-border-turn 3s linear infinite;animation-play-state:paused;
}
.intro-actions [data-demo-info="voice"]::before{
  content:'';position:absolute;inset:-2px;border-radius:inherit;background:var(--voice-border);
  filter:blur(7px);opacity:.22;pointer-events:none;z-index:-1;
}
.intro-actions [data-demo-info="voice"] .voice-button-inner{
  display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:1;
  min-height:48px;padding:11px 20px;border-radius:inherit;background:#fffdfd;color:inherit;
}
.intro-actions [data-demo-info="voice"].voice-motion-running{animation-play-state:running}
@media(hover:hover){.intro-actions [data-demo-info="voice"]:hover{animation-duration:1.5s}}
.intro-actions [data-demo-info="voice"]:focus-visible{outline:2px solid var(--wine,#9f245d);outline-offset:5px}
@media(prefers-reduced-motion:reduce){.intro-actions [data-demo-info="voice"]{animation:none}}
@media(max-width:440px){.intro-actions [data-demo-info="voice"] .voice-button-inner{padding:10px 16px}}