.button{--h-button: 48px;--w-button: 102px;--round: 1.5rem;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%,#df71ffcc,#df71ff00),linear-gradient(0deg,#7a5af8,#7a5af8);border-radius:var(--round);border:none;outline:none;padding:12px 18px}.button:before,.button:after{content:"";position:absolute;inset:var(--space);transition:all .5s ease-in-out;border-radius:calc(var(--round) - var(--space));z-index:0}.button:before{--space: 1px;background:linear-gradient(177.95deg,#ffffff30,#fff0)}.button:after{--space: 2px;background:radial-gradient(65.28% 65.28% at 50% 100%,#df71ffcc,#df71ff00),linear-gradient(0deg,#7a5af8,#7a5af8)}.button:active{transform:scale(.95)}.fold{z-index:1;position:absolute;top:0;right:0;height:1rem;width:1rem;display:inline-block;transition:all .5s ease-in-out;background:radial-gradient(100% 75% at 55%,#df71ffcc,#df71ff00);box-shadow:0 0 3px #000;border-bottom-left-radius:.5rem;border-top-right-radius:var(--round)}.fold:after{content:"";position:absolute;top:0;right:0;width:150%;height:150%;transform:rotate(45deg) translate(0) translateY(-18px);background-color:#e8e8e8;pointer-events:none}.button:hover .fold{margin-top:-1rem;margin-right:-1rem}.points_wrapper{overflow:hidden;width:100%;height:100%;pointer-events:none;position:absolute;z-index:1}.points_wrapper .point{bottom:-10px;position:absolute;animation:floating-points infinite ease-in-out;pointer-events:none;width:2px;height:2px;background-color:#fff;border-radius:9999px}@keyframes floating-points{0%{transform:translateY(0)}85%{opacity:0}to{transform:translateY(-55px);opacity:0}}.points_wrapper .point:nth-child(1){left:10%;opacity:1;animation-duration:2.35s;animation-delay:.2s}.points_wrapper .point:nth-child(2){left:30%;opacity:.7;animation-duration:2.5s;animation-delay:.5s}.points_wrapper .point:nth-child(3){left:25%;opacity:.8;animation-duration:2.2s;animation-delay:.1s}.points_wrapper .point:nth-child(4){left:44%;opacity:.6;animation-duration:2.05s}.points_wrapper .point:nth-child(5){left:50%;opacity:1;animation-duration:1.9s}.points_wrapper .point:nth-child(6){left:75%;opacity:.5;animation-duration:1.5s;animation-delay:1.5s}.points_wrapper .point:nth-child(7){left:88%;opacity:.9;animation-duration:2.2s;animation-delay:.2s}.points_wrapper .point:nth-child(8){left:58%;opacity:.8;animation-duration:2.25s;animation-delay:.2s}.points_wrapper .point:nth-child(9){left:98%;opacity:.6;animation-duration:2.6s;animation-delay:.1s}.points_wrapper .point:nth-child(10){left:65%;opacity:1;animation-duration:2.5s;animation-delay:.2s}.inner{z-index:2;gap:6px;position:relative;width:100%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;line-height:1.5;transition:color .2s ease-in-out}.inner svg.icon{width:18px;height:18px;transition:fill .1s linear}.button:focus svg.icon{fill:#fff}.button:hover svg.icon{fill:transparent;animation:dasharray 1s linear forwards,filled .1s linear forwards .95s}@keyframes dasharray{0%{stroke-dasharray:0 0 0 0}to{stroke-dasharray:68 68 0 0}}@keyframes filled{to{fill:#fff}}