.flujo{--f-borde: rgba(251, 248, 243, .55);--f-fondo: rgba(251, 248, 243, .07);--f-txt: var(--crema);--f-txt-on: #fff;--f-alto: 56px;--f-pad: 42px;--f-mov: 12px;--f-fl: 16px;--f-orilla: 18px;--f-radio: 14px;position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;height:var(--f-alto);padding:0 var(--f-pad);border:1.5px solid var(--f-borde);border-radius:100px;background:var(--f-fondo);color:var(--f-txt);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);font:500 var(--t-lg)/1 var(--sans);white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:0 14px 34px -18px #b260a7b3;transition:border-color .6s cubic-bezier(.23,1,.32,1),border-radius .6s cubic-bezier(.23,1,.32,1),color .6s cubic-bezier(.23,1,.32,1),box-shadow .6s cubic-bezier(.23,1,.32,1),scale .2s ease}.flujo__txt{position:relative;z-index:1;transform:translate(calc(var(--f-mov) * -1));transition:transform .8s ease-out}.flujo__circ{position:absolute;z-index:0;left:50%;top:50%;width:16px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--magenta) 0 45%,var(--morado) 100%);opacity:0;transform:translate(-50%,-50%);transition:width .8s cubic-bezier(.19,1,.22,1),opacity .8s cubic-bezier(.19,1,.22,1)}.flujo__fl{position:absolute;z-index:2;top:50%;margin-top:calc(var(--f-fl) / -2);width:var(--f-fl);height:var(--f-fl);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:left .8s cubic-bezier(.34,1.56,.64,1),right .8s cubic-bezier(.34,1.56,.64,1)}.flujo__fl--entra{left:-25%}.flujo__fl--sale{right:var(--f-orilla)}.flujo:hover,.flujo:focus-visible{border-color:transparent;border-radius:var(--f-radio);color:var(--f-txt-on);box-shadow:0 20px 44px -16px #b260a7d9}.flujo:focus-visible{outline:2px solid #d7f59a;outline-offset:3px}.flujo:hover .flujo__txt,.flujo:focus-visible .flujo__txt{transform:translate(var(--f-mov))}.flujo:hover .flujo__circ,.flujo:focus-visible .flujo__circ{width:150%;opacity:1}.flujo:hover .flujo__fl--entra,.flujo:focus-visible .flujo__fl--entra{left:var(--f-orilla)}.flujo:hover .flujo__fl--sale,.flujo:focus-visible .flujo__fl--sale{right:-25%}.flujo:active{scale:.95}.flujo--chica{--f-alto: calc(var(--nav-h, 64px) - 2 * var(--s2) - 2px);--f-pad: 34px;--f-mov: 10px;--f-fl: 14px;--f-orilla: 15px;--f-radio: 12px;font-size:var(--t-base);box-shadow:none}.flujo--claro{--f-borde: rgba(23, 19, 26, .3);--f-fondo: transparent;--f-txt: var(--tinta);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}