.button{--h-button:48px;--w-button:102px;--round:.75rem;cursor:pointer;border-radius:var(--round);background:radial-gradient(65.28% 65.28% at 50% 100%,#c5a3ffcc 0%,#c5a3ff00 100%),linear-gradient(#8843db,#8843db);background:radial-gradient(65.28% 65.28% at 50% 100%,lab(72.5987% 28.088 -43.9035/.8) 0%,lab(72.5987% 28.088 -43.9035/0) 100%),linear-gradient(lab(43.977% 52.1621 -67.7502),lab(43.977% 52.1621 -67.7502));border:none;outline:none;justify-content:center;align-items:center;padding:12px 18px;transition:all .25s;display:inline-flex;position:relative;overflow:hidden}.button:before,.button:after{content:"";inset:var(--space);border-radius:calc(var(--round) - var(--space));z-index:0;transition:all .5s ease-in-out;position:absolute}.button:after{--space:2px;background:radial-gradient(65.28% 65.28% at 50% 100%,#c5a3ffcc 0%,#c5a3ff00 100%),linear-gradient(#8843db,#8843db);background:radial-gradient(65.28% 65.28% at 50% 100%,lab(72.5987% 28.088 -43.9035/.8) 0%,lab(72.5987% 28.088 -43.9035/0) 100%),linear-gradient(lab(43.977% 52.1621 -67.7502),lab(43.977% 52.1621 -67.7502))}.button:active{transform:scale(.95)}.points_wrapper{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;overflow:hidden}.points_wrapper .point{pointer-events:none;background-color:#fff;border-radius:9999px;width:2px;height:2px;animation:ease-in-out infinite floating-points;position:absolute;bottom:-10px}@keyframes floating-points{0%{transform:translateY(0)}85%{opacity:0}to{opacity:0;transform:translateY(-55px)}}.points_wrapper .point:first-child{opacity:1;animation-duration:2.35s;animation-delay:.2s;left:10%}.points_wrapper .point:nth-child(2){opacity:.7;animation-duration:2.5s;animation-delay:.5s;left:30%}.points_wrapper .point:nth-child(3){opacity:.8;animation-duration:2.2s;animation-delay:.1s;left:25%}.points_wrapper .point:nth-child(4){opacity:.6;animation-duration:2.05s;left:44%}.points_wrapper .point:nth-child(5){opacity:1;animation-duration:1.9s;left:50%}.points_wrapper .point:nth-child(6){opacity:.5;animation-duration:1.5s;animation-delay:1.5s;left:75%}.points_wrapper .point:nth-child(7){opacity:.9;animation-duration:2.2s;animation-delay:.2s;left:88%}.points_wrapper .point:nth-child(8){opacity:.8;animation-duration:2.25s;animation-delay:.2s;left:58%}.points_wrapper .point:nth-child(9){opacity:.6;animation-duration:2.6s;animation-delay:.1s;left:98%}.points_wrapper .point:nth-child(10){opacity:1;animation-duration:2.5s;animation-delay:.2s;left:65%}.inner{z-index:2;color:#fff;justify-content:center;align-items:center;gap:6px;width:100%;font-size:16px;font-weight:500;line-height:1.5;transition:color .2s ease-in-out;display:inline-flex;position:relative}.inner svg.icon{width:18px;height:18px;transition:fill .1s linear}.button:focus svg.icon{fill:#fff}.button:hover svg.icon{fill:#0000;animation:1s linear forwards dasharray,.1s linear .95s forwards filled}@keyframes dasharray{0%{stroke-dasharray:0 0 0 0}to{stroke-dasharray:68 68 0 0}}@keyframes filled{to{fill:#fff}}