@keyframes glowing{0%{background-position:0 0}50%{background-position:200% 0}to{background-position:0 0}}.gradient-button{position:relative;z-index:0;transition:transform .5s ease-in-out;color:hsl(var(--background));background:#fff!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:visible;padding:.6rem 1.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;font-weight:600;box-shadow:0 4px 6px #0000001a}.gradient-button:before{content:"";background:linear-gradient(45deg,#3ff4eb,#9e00ff,#00beff,#3ff4eb);background-size:400%;position:absolute;top:-4px;left:-4px;z-index:-1;width:calc(100% + 8px);height:calc(100% + 8px);filter:blur(8px);animation:glowing 20s linear infinite;opacity:0;border-radius:9999px}.gradient-button:hover{transform:scale(1.05);box-shadow:0 6px 12px #00000026;background-color:#000!important;color:#000!important;text-shadow:0 0 3px rgba(255,255,255,.7)}.gradient-button:hover:before{opacity:1;background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#8b00ff);background-size:400%;animation:rainbow-shimmer 3s ease infinite}.gradient-button:hover{color:#000;background-color:#fff;transform:scale(1.05);transition:all .3s ease}@keyframes rainbow-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-button:hover:before{opacity:1;background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#8b00ff);background-size:400%;filter:blur(8px);animation:rainbow-shimmer 3s ease infinite}.gradient-button:active{transform:scale(.98);color:#fff;background:transparent}.gradient-button:active:before{opacity:1;filter:blur(4px)}.gradient-button:active:after{opacity:0}.gradient-button:after{content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background:#fff;border-radius:inherit;transition:opacity .3s ease-in-out,background-color .3s ease}.gradient-tag{position:relative;z-index:0;transition:transform .3s ease-in-out;color:hsl(var(--foreground));overflow:visible}.gradient-tag:before{content:"";background:linear-gradient(45deg,#3ff4eb,#9e00ff,#00beff,#3ff4eb);background-size:400%;position:absolute;top:-2px;left:-2px;z-index:-2;pointer-events:none;width:calc(100% + 4px);height:calc(100% + 4px);filter:blur(5px);animation:glowing 20s linear infinite;opacity:0;border-radius:inherit}@media (hover: hover) and (pointer: fine){.gradient-tag:hover{transform:scale(1.05)}.gradient-tag:hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:hsl(var(--background));border-radius:inherit;z-index:-1}.gradient-tag:hover{color:hsl(var(--primary))}}.gradient-tag:active{transform:translateY(1px) scale(.97);border-color:#1e293bcc;box-shadow:inset 0 2px 6px #0009,inset 0 -1px #ffffff0d,0 1px #ffffff0f}.gradient-tag[data-state=active]{transform:scale(1.05);border-color:#3b82f64d}.gradient-tag:active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:hsl(var(--background));border-radius:inherit;z-index:-1}.gradient-tag:active{transform:scale(.98);color:hsl(var(--primary));background:transparent}.gradient-tag[data-state=active]{color:hsl(var(--primary))}.gradient-tag:active:after{opacity:0;transition:opacity .2s ease-in-out}.gradient-tag:hover:before,.gradient-tag:active:before{opacity:1}.gradient-tag[data-state=active]:before{opacity:1;top:-3px;left:-3px;width:calc(100% + 6px);height:calc(100% + 6px);filter:blur(6px)}.gradient-tag[data-state=active]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:hsl(var(--background));border-radius:inherit;z-index:-1}.gradient-tag[data-nohover=true]:before{opacity:0!important}.gradient-tag[data-nohover=true]:after{content:none!important}.gradient-tag[data-nohover=true]{box-shadow:none!important;outline:none!important}@media (hover: none) and (pointer: coarse){.gradient-tag[data-state=inactive]:hover{transform:none;color:inherit}.gradient-tag[data-state=inactive]:hover:before{opacity:0!important}.gradient-tag[data-state=inactive]:hover:after{content:none}.gradient-tag[data-state=active]:hover:before{opacity:1!important}}.taglist .gradient-tag[data-state=inactive]{border-color:transparent!important}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.gentle-bounce{animation:gentleBounce 2s cubic-bezier(.4,0,.2,1) infinite;animation-delay:1s}.rainbow-circle{position:relative;overflow:visible}.rainbow-circle:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:9999px;z-index:-1;background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#8b00ff);background-size:400%;filter:blur(8px);opacity:0;transition:opacity .2s ease-in-out;animation:rainbow-shimmer 3s ease infinite}.rainbow-circle:hover:before{opacity:1}
