.animated-cta-button{--white:#fff;--black-100:#999;--black-200:#666;--black-300:#333;--black-400:#111;--black-500:#000;--gradient:linear-gradient(135deg,#88619acc 0%,#33a474cc 33%,#4298b4cc 66%,#e2a03fcc 100%);--radius:16px;border-radius:var(--radius);cursor:pointer;letter-spacing:-.5px;background:0 0;border:0;outline:none;width:220px;height:60px;font-family:inherit;font-size:16px;position:relative}.animated-cta-button .bg{border-radius:inherit;filter:blur(1px);position:absolute;inset:0}.animated-cta-button .bg:before,.animated-cta-button .bg:after{content:"";border-radius:calc(var(--radius)*1.1);background:var(--gradient);position:absolute;inset:0}.animated-cta-button .bg:before{filter:blur(5px);transition:all .3s;box-shadow:-5px 4px #88619a26,-10px 8px #33a4741a,-15px 12px 4px #4298b40d,-20px 16px 8px #e2a03f0d}.animated-cta-button .wrap{border-radius:inherit;background:var(--gradient);height:100%;padding:1.5px;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translate(0)}.animated-cta-button .outline{opacity:0;border-radius:inherit;outline:none;transition:all .4s;position:absolute;inset:0;overflow:hidden}.animated-cta-button .outline:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffffffe6 50%,#0000 100%);width:80px;height:250px;margin:auto;animation:3s linear infinite paused spin;position:absolute;inset:2px}.animated-cta-button .content{pointer-events:none;z-index:1;border-radius:calc(var(--radius)*.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa6;justify-content:center;align-items:center;gap:12px;height:100%;font-weight:800;transition:all .3s;display:flex;position:relative;box-shadow:inset 0 1px 1px #fffc}.animated-cta-button .char{justify-content:center;align-items:center;transition:all .3s;display:flex}.animated-cta-button .char span{color:#0000;display:block;position:relative}.animated-cta-button .char.state-1 span{animation:charAppear 1.2s ease backwards calc(var(--i)*30ms)}.animated-cta-button .char.state-1 span:before,.animated-cta-button .char span:after{content:attr(data-label);color:var(--black-500);text-shadow:none;white-space:nowrap;position:absolute;left:0}.animated-cta-button .char span:before{opacity:0;transform:translateY(-100%)}.animated-cta-button .char.state-2{opacity:0;position:absolute;left:50%;transform:translate(-50%)}.animated-cta-button .char.state-2 span:after{opacity:1}.animated-cta-button .icon{z-index:10;animation:.8s cubic-bezier(.7,-.5,.3,1.2) forwards resetArrow}.animated-cta-button .icon div,.animated-cta-button .icon div:before,.animated-cta-button .icon div:after{background-color:var(--black-500);border-radius:1px;height:2px}.animated-cta-button .icon div:before,.animated-cta-button .icon div:after{content:"";transform-origin:100%;border-radius:15px;width:10px;transition:all .3s;position:absolute;right:0}.animated-cta-button .icon div{width:18px;box-shadow:none;background:var(--black-500);animation:1s ease-in-out infinite paused swingArrow;position:relative;transform:scale(.9)}.animated-cta-button .icon div:before{animation:1s linear infinite paused rotateArrowLine;top:1px;transform:rotate(44deg)}.animated-cta-button .icon div:after{animation:1s linear infinite paused rotateArrowLine2;bottom:1px;transform:rotate(316deg)}.animated-cta-button .path{z-index:12;stroke-dasharray:150 480;stroke-dashoffset:150px;pointer-events:none;stroke:#0000;transition:stroke .3s;position:absolute;bottom:0;left:0;right:0}.animated-cta-button .splash{pointer-events:none;stroke-dasharray:60 60;stroke-dashoffset:60px;stroke:var(--black-500);position:absolute;top:50%;left:50%;transform:translate(-55%,-65%)scale(.7)}.animated-cta-button:hover .char.state-1 span:before{animation:charAppear .7s ease calc(var(--i)*30ms)}.animated-cta-button:hover .char.state-1 span:after{opacity:1;animation:charDisappear .7s ease calc(var(--i)*30ms)}.animated-cta-button:hover .wrap{transform:translateY(-2px)scale(1.01);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.animated-cta-button:hover .outline{opacity:1}.animated-cta-button:hover .outline:before,.animated-cta-button:hover .icon div:before,.animated-cta-button:hover .icon div:after,.animated-cta-button:hover .icon div{animation-play-state:running}.animated-cta-button:active .bg:before{filter:blur(5px);opacity:.7}.animated-cta-button:active .content{box-shadow:inset 0 4px 8px #0000000d}.animated-cta-button:active .outline{opacity:0}.animated-cta-button:active .wrap{box-shadow:none;transform:translateY(0)scale(1)}.animated-cta-button:active .splash{animation:.8s cubic-bezier(.3,0,0,1) 50ms forwards splash}.animated-cta-button:focus .path{stroke:var(--black-500);animation:1.6s .2s forwards path}.animated-cta-button:focus .icon{animation:1s cubic-bezier(.7,-.5,.3,1.5) forwards arrow}.animated-cta-button .char.state-2 span:after,.animated-cta-button:focus .char.state-1 span{animation:charDisappear .5s ease forwards calc(var(--i)*30ms)}.animated-cta-button:focus .char.state-2 span:after{animation:charAppear 1s ease backwards calc(var(--i)*30ms)}.animated-cta-button:focus .char.state-2{opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes charAppear{0%{opacity:0;filter:blur(10px);transform:translateY(50%)}20%{opacity:1;transform:translateY(70%)}50%{opacity:1;filter:blur();transform:translateY(-15%)}to{opacity:1;transform:translateY(0)}}@keyframes charDisappear{0%{opacity:1;transform:translateY(0)}to{opacity:0;filter:blur(3px);transform:translateY(-70%)}}@keyframes arrow{0%{opacity:1}50%{opacity:0;transform:translate(60px)}51%{opacity:0;transform:translate(-200px)}to{opacity:1;transform:translate(-128px)}}@keyframes swingArrow{50%{transform:translate(5px)scale(.9)}}@keyframes rotateArrowLine{50%{transform:rotate(30deg)}80%{transform:rotate(55deg)}}@keyframes rotateArrowLine2{50%{transform:rotate(330deg)}80%{transform:rotate(300deg)}}@keyframes resetArrow{0%{transform:translate(-128px)}to{transform:translate(0)}}@keyframes path{0%{stroke:var(--black-500);stroke-dashoffset:150px}to{stroke-dashoffset:-480px;stroke:#0000}}@keyframes splash{to{stroke-dasharray:2 60;stroke-dashoffset:-60px}}