.rui-echo{display:inline-flex;position:relative}.rui-echo-ring{border-radius:var(--rui-radius);outline:2px solid var(--rui-color);opacity:0;pointer-events:none;animation:rui-echo var(--rui-duration)cubic-bezier(.2,.6,.3,1)forwards;position:absolute;inset:0}.rui-echo-hint{border-radius:var(--rui-radius);outline:1px solid var(--rui-color);outline-offset:0;opacity:0;pointer-events:none;transition:all .3s ease-out;position:absolute;inset:0}.rui-echo:hover .rui-echo-hint{opacity:.4;outline-offset:4px}.rui-echo-button{font:inherit;white-space:nowrap;cursor:pointer;background:var(--rui-color);border-radius:var(--rui-radius);border:none;justify-content:center;align-items:center;gap:.5em;font-weight:600;line-height:1;transition:transform .2s ease-out,box-shadow .2s ease-out;display:inline-flex;position:relative;box-shadow:0 1px 2px #0000001a}.rui-echo-button:hover{box-shadow:0 10px 24px -10px var(--rui-color);transform:translateY(-2px)}.rui-echo-button:active{transform:scale(.95)}.rui-echo-button:disabled{opacity:.5;pointer-events:none}@keyframes rui-echo{0%{outline-offset:0;opacity:.9}to{outline-offset:var(--rui-to);opacity:0}}