.flow-btn.flow-btn{--flow-shift:12px;--flow-edge:16px;--flow-fill:#111;--flow-fill-text:#fff;isolation:isolate;cursor:pointer;justify-content:center;align-items:center;gap:4px;transition:border-radius .6s cubic-bezier(.23,1,.32,1),border-color .6s cubic-bezier(.23,1,.32,1),color .6s cubic-bezier(.23,1,.32,1),box-shadow .15s,transform .15s;display:inline-flex;position:relative;overflow:hidden}.flow-btn.flow-btn[data-look=outline]{color:#111;background:0 0;border:1.5px solid #3336;border-radius:100px;padding:12px 32px;font-size:.875rem;font-weight:600}.flow-btn.flow-btn[data-look=outline]:hover{border-color:#0000}.flow-btn.flow-btn:hover,.flow-btn.flow-btn:focus-visible{color:var(--flow-fill-text);border-radius:12px}.flow-btn.flow-btn:active{transform:scale(.95)}.flow-btn.flow-btn:disabled{cursor:progress}.flow-btn__text{z-index:1;transform:translateX(calc(var(--flow-shift) * -1));transition:transform .8s ease-out;position:relative}.flow-btn:hover .flow-btn__text,.flow-btn:focus-visible .flow-btn__text{transform:translateX(var(--flow-shift))}.flow-btn__fill{z-index:0;aspect-ratio:1;background:var(--flow-fill);opacity:0;pointer-events:none;border-radius:50%;width:16px;transition:width .8s cubic-bezier(.19,1,.22,1),opacity .8s cubic-bezier(.19,1,.22,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flow-btn:hover .flow-btn__fill,.flow-btn:focus-visible .flow-btn__fill{opacity:1;width:max(220px,125%)}.flow-btn__arrow{z-index:2;stroke:currentColor;fill:none;pointer-events:none;width:16px;height:16px;transition:left .8s cubic-bezier(.34,1.56,.64,1),right .8s cubic-bezier(.34,1.56,.64,1);position:absolute}.flow-btn__arrow--in{left:-25%}.flow-btn__arrow--out{right:var(--flow-edge)}.flow-btn:hover .flow-btn__arrow--in,.flow-btn:focus-visible .flow-btn__arrow--in{left:var(--flow-edge)}.flow-btn:hover .flow-btn__arrow--out,.flow-btn:focus-visible .flow-btn__arrow--out{right:-25%}@media (prefers-reduced-motion:reduce){.flow-btn.flow-btn,.flow-btn__text,.flow-btn__fill,.flow-btn__arrow{transition:none}}