.nav-fancy-btn{--h-button:36px;--round:0.625rem;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;transition:all .25s ease;background:radial-gradient(65.28% 65.28% at 50% 100%,rgba(223,113,255,.8) 0,rgba(223,113,255,0) 100%),linear-gradient(0deg,#7a5af8,#7a5af8);border-radius:var(--round);border:none;outline:none;padding:8px 14px;text-decoration:none}.nav-fancy-btn:after,.nav-fancy-btn:before{content:"";position:absolute;inset:var(--space);transition:all .5s ease-in-out;border-radius:calc(var(--round) - var(--space));z-index:0}.nav-fancy-btn:before{--space:1px;background:linear-gradient(177.95deg,hsla(0,0%,100%,.19),hsla(0,0%,100%,0))}.nav-fancy-btn:after{--space:2px;background:radial-gradient(65.28% 65.28% at 50% 100%,rgba(223,113,255,.8) 0,rgba(223,113,255,0) 100%),linear-gradient(0deg,#7a5af8,#7a5af8)}.nav-fancy-btn:active{transform:scale(.95)}.nav-fancy-fold{z-index:1;position:absolute;top:0;right:0;height:.75rem;width:.75rem;display:inline-block;transition:all .5s ease-in-out;background:radial-gradient(100% 75% at 55%,rgba(223,113,255,.8) 0,rgba(223,113,255,0) 100%);box-shadow:0 0 3px #000;border-bottom-left-radius:.35rem;border-top-right-radius:var(--round)}.nav-fancy-fold:after{content:"";position:absolute;top:0;right:0;width:150%;height:150%;transform:rotate(45deg) translateX(0) translateY(-14px);background-color:#e8e8e8;pointer-events:none}.nav-fancy-btn:hover .nav-fancy-fold{margin-top:-.75rem;margin-right:-.75rem}.nav-fancy-points{overflow:hidden;width:100%;height:100%;pointer-events:none;position:absolute;z-index:1}.nav-fancy-points .nav-point{bottom:-10px;position:absolute;animation:navFloatingPoints ease-in-out infinite;pointer-events:none;width:2px;height:2px;background-color:#fff;border-radius:9999px}@keyframes navFloatingPoints{0%{transform:translateY(0)}85%{opacity:0}to{transform:translateY(-45px);opacity:0}}.nav-fancy-points .nav-point:first-child{left:10%;opacity:1;animation-duration:2.35s;animation-delay:.2s}.nav-fancy-points .nav-point:nth-child(2){left:30%;opacity:.7;animation-duration:2.5s;animation-delay:.5s}.nav-fancy-points .nav-point:nth-child(3){left:25%;opacity:.8;animation-duration:2.2s;animation-delay:.1s}.nav-fancy-points .nav-point:nth-child(4){left:44%;opacity:.6;animation-duration:2.05s}.nav-fancy-points .nav-point:nth-child(5){left:50%;opacity:1;animation-duration:1.9s}.nav-fancy-points .nav-point:nth-child(6){left:75%;opacity:.5;animation-duration:1.5s;animation-delay:1.5s}.nav-fancy-points .nav-point:nth-child(7){left:88%;opacity:.9;animation-duration:2.2s;animation-delay:.2s}.nav-fancy-points .nav-point:nth-child(8){left:58%;opacity:.8;animation-duration:2.25s;animation-delay:.2s}.nav-fancy-points .nav-point:nth-child(9){left:98%;opacity:.6;animation-duration:2.6s;animation-delay:.1s}.nav-fancy-points .nav-point:nth-child(10){left:65%;opacity:1;animation-duration:2.5s;animation-delay:.2s}.nav-fancy-inner{z-index:2;gap:5px;position:relative;width:100%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;line-height:1.5;transition:color .2s ease-in-out;white-space:nowrap}.nav-fancy-inner svg.nav-fancy-icon{width:14px;height:14px;transition:fill .1s linear;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.nav-fancy-btn:focus svg.nav-fancy-icon{fill:#fff}.nav-fancy-btn:hover svg.nav-fancy-icon{fill:transparent;animation:navDasharray 1s linear forwards,navFilled .1s linear .95s forwards}@keyframes navDasharray{0%{stroke-dasharray:0 0 0 0}to{stroke-dasharray:68 68 0 0}}@keyframes navFilled{to{fill:#fff}}.nav-fancy-btn.nav-fancy-active{box-shadow:0 0 16px rgba(122,90,248,.5)}