.send-button{--primary:#ec4899;--gradient-from:#ec4899;--gradient-to:#9333ea;--radius:14px;cursor:pointer;border-radius:var(--radius);text-shadow:0 1px 1px #0000004d;color:#fff;background:linear-gradient(to top,var(--gradient-from),var(--gradient-to));border:none;justify-content:center;align-items:center;width:100%;height:68px;padding:20px;font-family:inherit;font-size:18px;font-style:normal;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #0003,0 4px 5px #0000000d}.send-button:hover{transform:scale(1.02);box-shadow:0 15px 30px #0000004d,0 10px 3px -3px #0000000a}.send-button:active{transform:scale(1);box-shadow:0 10px 3px -3px #0003}.send-button:after{content:none}.send-button:before{content:"";background:linear-gradient(to top,var(--gradient-from),var(--gradient-to));border-radius:var(--radius);filter:none;z-index:2;position:absolute;inset:0}.send-state{z-index:3;padding-left:29px;display:flex;position:relative}.send-state p{justify-content:center;align-items:center;display:flex}.send-state .send-icon{justify-content:center;align-items:center;margin:auto;transition:all .3s;display:flex;position:absolute;top:0;bottom:0;left:0;transform:scale(1.25)}.send-state .send-icon svg{overflow:visible}.send-outline{border-radius:inherit;z-index:1;opacity:0;transition:opacity .4s;position:absolute;inset:0;overflow:hidden}.send-outline:before{content:"";background:conic-gradient(from 180deg,#0000 60%,#fff 80%,#0000 100%);animation:2s linear infinite paused send-spin;position:absolute;inset:-100%}@keyframes send-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.send-button:hover .send-outline{opacity:1}.send-button:hover .send-outline:before{animation-play-state:running}.send-state p span{opacity:0;animation:send-slideDown .8s ease forwards calc(var(--i)*30ms);display:block}.send-button:hover p span{opacity:1;animation:send-wave .5s ease forwards calc(var(--i)*20ms)}@keyframes send-wave{30%{opacity:1;transform:translateY(4px)translate(0)rotate(0)}50%{opacity:1;color:#fff;transform:translateY(-3px)translate(0)rotate(0)}to{opacity:1;transform:translateY(0)translate(0)rotate(0)}}@keyframes send-slideDown{0%{opacity:0;color:#fff;filter:blur(5px);transform:translateY(-20px)translate(5px)rotate(-90deg)}30%{opacity:1;filter:blur();transform:translateY(4px)translate(0)rotate(0)}50%{opacity:1;transform:translateY(-3px)translate(0)rotate(0)}to{opacity:1;transform:translateY(0)translate(0)rotate(0)}}.send-state--default .send-icon svg{animation:.6s forwards send-land}.send-button:hover .send-state--default .send-icon{transform:rotate(45deg)scale(1.25)}@keyframes send-land{0%{opacity:0;filter:blur(3px);transform:translate(-60px)translateY(30px)rotate(-50deg)scale(2)}to{opacity:1;filter:blur();transform:translate(0)translateY(0)rotate(0)}}.send-state--default .send-icon:before{content:"";background:linear-gradient(90deg,#0000,#ffffff80);width:0;height:2px;display:none;position:absolute;top:50%;left:-5px}.send-state--default p span:nth-child(2){margin-right:5px}.send-button--clicked{overflow:visible}.send-contrail-line{z-index:10;background:linear-gradient(90deg,#0000 0%,#ffffffe6 20%,#fff 50%,#ffffffe6 80%,#0000 100%);border-radius:4px;width:0;height:4px;animation:1s ease-out forwards send-line-grow;position:absolute;top:calc(50% - 2px);left:0;box-shadow:0 0 8px 2px #ffffff80,0 0 20px 4px #ec48994d}@keyframes send-line-grow{0%{opacity:.8;width:0}40%{opacity:1;width:80%}70%{opacity:.8;width:100%}to{opacity:0;width:100%}}.send-button--clicked .send-state--default p span{opacity:1;animation:send-disappear .6s ease forwards calc(var(--i)*30ms)}@keyframes send-disappear{0%{opacity:1}to{opacity:0;color:var(--primary);filter:blur(5px);transform:translate(5px)translateY(20px)}}.send-button--clicked .send-state--default .send-icon{z-index:11;animation:1s linear forwards send-icon-fly;transform:rotate(0)scale(1.25)}@keyframes send-icon-fly{0%{opacity:1;transform:scale(1.25)translate(0)rotate(0)}20%{opacity:1;transform:scale(1.4)translate(40px)rotate(20deg)}60%{opacity:1;transform:scale(1.6)translate(160px)rotate(45deg)}to{opacity:0;transform:scale(.5)translate(300px)rotate(45deg)}}.send-button--clicked .send-state--default svg{animation:none!important}