.magical-button-wrapper{position:relative;border-radius:.1rem;overflow:visible;z-index:0;transition:all .2s ease;display:inline-block}.magical-button-wrapper:before{content:"";position:absolute;z-index:-2;inset:-2px;border-radius:.15rem;background:linear-gradient(135deg,#00c4ff,#ff00ea 50%,#00c4ff);background-size:200% 100%;animation:rotate 3s linear infinite}.magical-button{position:relative;z-index:1;font-weight:700;letter-spacing:.01em;transition:all .2s ease;padding:.4rem 1rem;color:hsl(var(--foreground));background:#f1f5f9e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsl(var(--foreground));display:flex;align-items:center;justify-content:center;border-radius:.1rem;box-shadow:0 1px 2px rgba(0,0,0,.05);height:36px;line-height:1}.magical-button-wrapper:hover:before{animation:rotate 3s linear infinite;filter:brightness(1.2);background:linear-gradient(135deg,#00c4ff,#ff00ea 50%,#00c4ff);background-size:200% 100%}.magical-button-wrapper:hover .magical-button{background:#f1f5f9f8;border-color:hsl(var(--foreground));box-shadow:0 2px 4px rgba(0,0,0,.1)}.magical-button-wrapper:active{transform:scale(.98)}.magical-button-wrapper:active .magical-button{box-shadow:inset 0 1px 2px rgba(0,0,0,.1);background:rgba(255,255,255,.75)}.magical-button:after{content:"";position:absolute;z-index:2;inset:-1px;border-radius:.1rem;pointer-events:none;box-shadow:0 0 0 1px hsl(var(--foreground));opacity:0;transition:opacity .2s ease}.magical-button-wrapper:hover .magical-button:after{opacity:.1}@keyframes rotate{0%{background-position:0 0}to{background-position:200% 0}}.gradient-text{background:linear-gradient(90deg,#00c4ff,#ff00ea 60%,#00c4ff);background-size:200% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:shine 4s linear infinite;font-weight:600}@keyframes shine{to{background-position:200%}}.dark .magical-button{background:rgba(30,30,30,.8);box-shadow:0 1px 2px rgba(0,0,0,.2)}.dark .magical-button-wrapper:hover .magical-button{background:rgba(40,40,40,.9)}.dark .magical-button-wrapper:active .magical-button{background:rgba(20,20,20,.75);box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.magical-button.w-full{width:100%;justify-content:center}