.button{--h-button:40px;--w-button:102px;--round:0.75rem;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:12px 18px}.button:after,.button:before{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,hsla(0,0%,100%,.19),hsla(0,0%,100%,0))}.button: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)}.button:active{transform:scale(.95)}.fold{z-index:1;height:1rem;width:1rem;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:.5rem;border-top-right-radius:var(--round)}.fold,.fold:after{position:absolute;top:0;right:0}.fold:after{content:"";width:150%;height:150%;transform:rotate(45deg) translateX(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 ease-in-out infinite;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:first-child{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 .95s forwards}@keyframes dasharray{0%{stroke-dasharray:0 0 0 0}to{stroke-dasharray:68 68 0 0}}@keyframes filled{to{fill:#fff}}.modal-content{padding:24px;background-color:#000}.header{margin-bottom:24px}.package-card{width:240px;margin:0 16px 24px;background-color:#0d0d0d;color:#fff}.price{font-weight:700;margin-top:8px}.amount,.price{font-size:24px}.original-price{font-size:14px;color:#999}.buy-button{width:100%;margin-top:16px;color:#fff;background-color:#4f84fa;border-color:#4f84fa}.feature-card{background-color:#1f1f1f;color:#fff}.feature-icon{width:25px;height:25px;margin-right:10px}.get-coupon-text{color:#4f84fa;cursor:pointer;margin-top:16px}.qr-code-modal{text-align:center}.qr-code{background-color:#fff;padding:16px;border-radius:8px;margin-top:16px}