.checkout-button-wrapper button{color:hsl(var(--primary-foreground));box-shadow:0 0 0 hsla(var(--primary)/.55);cursor:pointer;transform-style:preserve-3d;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;min-width:220px;height:52px;padding:14px 40px;font-size:17px;font-weight:500;transition:color .3s ease-in-out,box-shadow .3s ease-in-out;display:inline-flex;position:relative;overflow:visible}.checkout-button-wrapper button:before{content:"";background:hsl(var(--primary));border:3px solid hsl(var(--primary));pointer-events:none;border-radius:9999px;transition:background .3s ease-in-out,border-color .3s ease-in-out;position:absolute;inset:0;transform:translateZ(0)}.checkout-button-wrapper button.anim-out:before,.checkout-button-wrapper button.anim-away:before{border-color:hsl(var(--primary));background:0 0}.checkout-button-wrapper button.anim-out,.checkout-button-wrapper button.anim-away{color:hsl(var(--primary));box-shadow:0 0 25px hsla(var(--primary)/.55)}.checkout-button-wrapper button:disabled{cursor:wait}.checkout-button-wrapper button .content-layer{z-index:2;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;transform:translateZ(20px)}.checkout-button-wrapper .star-1,.checkout-button-wrapper .star-2,.checkout-button-wrapper .star-3,.checkout-button-wrapper .star-4,.checkout-button-wrapper .star-5,.checkout-button-wrapper .star-6{opacity:0;filter:drop-shadow(0 0 6px hsla(var(--primary)/.85))drop-shadow(0 0 16px hsla(var(--primary)/.45));z-index:0;pointer-events:none;transition:opacity .22s,transform .22s;position:absolute;transform:translateZ(-10px)scale(.92)}.checkout-button-wrapper button.anim-out .star-1,.checkout-button-wrapper button.anim-out .star-2,.checkout-button-wrapper button.anim-out .star-3,.checkout-button-wrapper button.anim-out .star-4,.checkout-button-wrapper button.anim-out .star-5,.checkout-button-wrapper button.anim-out .star-6,.checkout-button-wrapper button.anim-away .star-1,.checkout-button-wrapper button.anim-away .star-2,.checkout-button-wrapper button.anim-away .star-3,.checkout-button-wrapper button.anim-away .star-4,.checkout-button-wrapper button.anim-away .star-5,.checkout-button-wrapper button.anim-away .star-6{opacity:.95;transform:translateZ(-10px)scale(1)}.checkout-button-wrapper .star-1{width:25px;transition:all 1s cubic-bezier(.05,.83,.43,.96);top:20%;left:20%}.checkout-button-wrapper .star-2{width:15px;transition:all 1s cubic-bezier(0,.4,0,1.01);top:45%;left:45%}.checkout-button-wrapper .star-3{width:5px;transition:all 1s cubic-bezier(0,.4,0,1.01);top:40%;left:40%}.checkout-button-wrapper .star-4{width:8px;transition:all .8s cubic-bezier(0,.4,0,1.01);top:20%;left:40%}.checkout-button-wrapper .star-5{width:15px;transition:all .6s cubic-bezier(0,.4,0,1.01);top:25%;left:45%}.checkout-button-wrapper .star-6{width:5px;transition:all .8s;top:5%;left:50%}.checkout-button-wrapper button.anim-out .star-1{top:-80%;left:-30%}.checkout-button-wrapper button.anim-out .star-2{top:-25%;left:10%}.checkout-button-wrapper button.anim-out .star-3{top:55%;left:25%}.checkout-button-wrapper button.anim-out .star-4{top:30%;left:80%}.checkout-button-wrapper button.anim-out .star-5{top:25%;left:115%}.checkout-button-wrapper button.anim-out .star-6{top:5%;left:60%}.checkout-button-wrapper button.anim-away .star-1{animation:2.5s infinite shooting-star-1}.checkout-button-wrapper button.anim-away .star-2{animation:2.5s .2s infinite shooting-star-2}.checkout-button-wrapper button.anim-away .star-3{animation:2.5s .4s infinite shooting-star-3}.checkout-button-wrapper button.anim-away .star-4{animation:2.5s .6s infinite shooting-star-4}.checkout-button-wrapper button.anim-away .star-5{animation:2.5s .8s infinite shooting-star-5}.checkout-button-wrapper button.anim-away .star-6{animation:2.5s 1s infinite shooting-star-6}@keyframes shooting-star-1{0%{opacity:1;transform:translate(0)translateZ(-10px)rotate(0)}80%{opacity:0;transform:translate(150px,-90px)translateZ(-10px)rotate(20deg)}to{opacity:0;transform:translate(150px,-90px)translateZ(-10px)rotate(20deg)}}@keyframes shooting-star-2{0%{opacity:1;transform:translate(0)translateZ(-10px)rotate(0)}70%{opacity:0;transform:translate(100px,80px)translateZ(-10px)rotate(-15deg)}to{opacity:0;transform:translate(100px,80px)translateZ(-10px)rotate(-15deg)}}@keyframes shooting-star-3{0%{opacity:1;transform:translate(0)translateZ(-10px)rotate(0)}60%{opacity:0;transform:translate(-80px,120px)translateZ(-10px)rotate(5deg)}to{opacity:0;transform:translate(-80px,120px)translateZ(-10px)rotate(5deg)}}@keyframes shooting-star-4{0%{opacity:1;transform:translate(0)translateZ(-10px)rotate(0)}75%{opacity:0;transform:translate(120px,50px)translateZ(-10px)rotate(10deg)}to{opacity:0;transform:translate(120px,50px)translateZ(-10px)rotate(10deg)}}@keyframes shooting-star-5{0%{opacity:1;transform:translate(0)translateZ(-10px)rotate(0)}85%{opacity:0;transform:translate(-100px,-100px)translateZ(-10px)rotate(-25deg)}to{opacity:0;transform:translate(-100px,-100px)translateZ(-10px)rotate(-25deg)}}@keyframes shooting-star-6{0%{opacity:1;transform:translate(0)translateZ(-10px)rotate(0)}65%{opacity:0;transform:translate(150px,100px)translateZ(-10px)rotate(0)}to{opacity:0;transform:translate(150px,100px)translateZ(-10px)rotate(0)}}.checkout-button-wrapper .fil0{fill:hsl(var(--primary));transition:fill .3s}.dark .checkout-button-wrapper .final-checkout-button.anim-away .fil0{fill:hsl(var(--primary));stroke:hsl(var(--primary-foreground));stroke-width:15px}
