.button{--white:#ffe7ff;--bg:#080808;--radius:100px;outline:none;cursor:pointer;border:0;position:relative;border-radius:var(--radius);background-color:var(--bg);transition:all .2s ease;text-decoration:none;display:inline-block;box-shadow:inset 0 .3rem .9rem hsla(0,0%,100%,.3),inset 0 -.1rem .3rem rgba(0,0,0,.7),inset 0 -.4rem .9rem hsla(0,0%,100%,.5),0 3rem 3rem rgba(0,0,0,.3),0 1rem 1rem -.6rem rgba(0,0,0,.8)}.button .wrap{font-size:18px;padding:16px 24px;font-weight:500;color:hsla(0,0%,100%,.7);border-radius:inherit;position:relative;overflow:hidden}@media (min-width:640px){.button .wrap{font-size:25px;padding:32px 45px}}.button .wrap p span:nth-child(2),.button:hover .wrap p span:first-child{display:none}.button:hover .wrap p span:nth-child(2){display:inline-block}.button .wrap p{display:flex;align-items:center;gap:12px;margin:0;transition:all .2s ease;transform:translateY(2%);-webkit-mask-image:none;mask-image:none}.button .wrap:after,.button .wrap:before{content:"";position:absolute;transition:all .3s ease}.button .wrap:before{left:-15%;right:-15%;bottom:25%;top:-100%;border-radius:50%;background-color:hsla(0,0%,100%,.12)}.button .wrap:after{left:6%;right:6%;top:12%;bottom:40%;border-radius:22px 22px 0 0;box-shadow:inset 0 10px 8px -10px hsla(0,0%,100%,.8);background:linear-gradient(180deg,hsla(0,0%,100%,.3),transparent 50%,transparent)}.button:hover{box-shadow:inset 0 .3rem .5rem hsla(0,0%,100%,.4),inset 0 -.1rem .3rem rgba(0,0,0,.7),inset 0 -.4rem .9rem hsla(0,0%,100%,.7),0 3rem 3rem rgba(0,0,0,.3),0 1rem 1rem -.6rem rgba(0,0,0,.8)}.button:hover .wrap:before{transform:translateY(-5%)}.button:hover .wrap:after{opacity:.4;transform:translateY(5%)}.button:hover .wrap p{transform:translateY(-4%)}.button:active{transform:translateY(4px);box-shadow:inset 0 .3rem .5rem hsla(0,0%,100%,.5),inset 0 -.1rem .3rem rgba(0,0,0,.8),inset 0 -.4rem .9rem hsla(0,0%,100%,.4),0 3rem 3rem rgba(0,0,0,.3),0 1rem 1rem -.6rem rgba(0,0,0,.8)}.card-spotlight{position:relative;overflow:hidden;--mouse-x:50%;--mouse-y:50%;--spotlight-color:hsla(0,0%,100%,.1)}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle 600px at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:1}.card-spotlight>*{position:relative;z-index:1}.animated-gradient-border-wrapper{position:relative;border-radius:1rem;border:2px solid transparent}.animated-gradient-border-wrapper.highlighted{border-width:3px}.animated-gradient-border-wrapper.highlighted:before{content:"";position:absolute;inset:-3px;border-radius:1rem;padding:8px;background:conic-gradient(from var(--angle),transparent 0deg,transparent 60deg,var(--color-1) 90deg,var(--color-2) 120deg,var(--color-1) 150deg,transparent 180deg,transparent 1turn);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-glow 4s linear infinite;filter:blur(50px);opacity:.9;--angle:0deg}@keyframes border-glow{0%{--angle:0deg}to{--angle:360deg}}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}