@layer component{.send-button{touch-action:manipulation;cursor:pointer;color:#000;opacity:0;-webkit-user-select:none;user-select:none;background-color:#fff;border:0;border-radius:3px;place-items:center;width:auto;padding-block:12px;padding-inline:17px;line-height:1;transition:ransform .18s cubic-bezier(.2,.8,.2,1),background-color .18s cubic-bezier(.4,0,.2,1);animation:fade-in 1s .6s forwards;display:grid;position:relative;overflow:hidden;-webkit-text-decoration:none!important;text-decoration:none!important}.send-button:before{content:"";opacity:0;background:#3aa386;transition:opacity .18s ease-out;position:absolute;inset:0}.send-button[data-state=sent]:before{opacity:1}.send-button:disabled{cursor:default}.send-button:hover:not(:disabled){background-color:#ebebeb;-webkit-text-decoration:none;text-decoration:none}.send-button:active:not(:disabled){transform:translateY(1px)}.send-button[data-state=submitting]{cursor:wait}.send-button__labels{z-index:1;place-items:center;display:grid}.send-button__label{opacity:0;grid-area:1/1;transition:opacity .16s ease-out,transform .18s cubic-bezier(.2,.8,.2,1);transform:translateY(70%)}.send-button[data-state=error] .send-button__label--error,.send-button[data-state=idle] .send-button__label--idle,.send-button[data-state=sent] .send-button__label--sent,.send-button[data-state=submitting] .send-button__label--submitting{opacity:1;transform:none}.send-button[data-state=error] .send-button__label--submitting,.send-button[data-state=sent] .send-button__label--idle,.send-button[data-state=sent] .send-button__label--submitting,.send-button[data-state=submitting] .send-button__label--idle{transform:translateY(-70%)}@media (prefers-reduced-motion:reduce){.send-button,.send-button:before,.send-button__label{transition-duration:.01ms}.send-button{opacity:1}.send-button:active:not(:disabled),.send-button:hover:not(:disabled),.send-button__label{transform:none}}}