@property --ai-angle{syntax:"<angle>";initial-value:99deg;inherits:false}.ai-img-btn{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer;height:50px;padding:1.5px;border-radius:50px;background:conic-gradient(from var(--ai-angle),#cc9cff 0,#31a6ff 45%,#78f4ff 70%,#cc9cff 100%);animation:aiRingSpin 3.2s linear infinite;box-shadow:0 4px 16px rgba(93,93,93,.12);transition:box-shadow .15s}@keyframes aiRingSpin{to{--ai-angle:459deg}}.ai-img-btn:hover{box-shadow:0 4px 20px rgba(49,166,255,.28)}.ai-img-btn .ai-inner{position:relative;display:flex;align-items:center;gap:2px;width:100%;height:100%;padding:0 18px 0 17px;border-radius:50px;background:#fff;overflow:hidden;white-space:nowrap}.dark .ai-img-btn .ai-inner{background:#1a1a26}.ai-img-btn .ai-txt{font-size:14.5px;font-weight:800;letter-spacing:-.01em;background:linear-gradient(99deg,#b478ff,#31a6ff 62%,#2ec3e8);-webkit-background-clip:text;background-clip:text;color:transparent}.ai-img-btn .ai-spark{margin-left:5px;font-size:12px;transform:translateY(-4px);background:linear-gradient(99deg,#31a6ff,#78f4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.ai-img-btn .ai-shimmer{pointer-events:none;position:absolute;top:0;bottom:0;left:-44px;width:34px;background:linear-gradient(270deg,rgba(255,255,255,0),rgba(255,255,255,.8) 50%,rgba(255,255,255,0));transform:skewX(-14deg)}.dark .ai-img-btn .ai-shimmer{background:linear-gradient(270deg,rgba(255,255,255,0),rgba(255,255,255,.28) 50%,rgba(255,255,255,0))}.ai-img-btn:hover .ai-shimmer{animation:aiShimmerSweep .5s ease-in forwards}@keyframes aiShimmerSweep{0%{left:-44px}to{left:calc(100% + 12px)}}