/* KATA Liquid Button — hover pours. */
.k-liq{position:relative;overflow:hidden;display:inline-block;border:1.5px solid var(--k-ink);background:var(--k-bg);color:var(--k-ink);font-family:var(--k-font);font-size:14.5px;font-weight:650;padding:13px 27px;border-radius:11px;cursor:pointer}
.k-liq .fill{position:absolute;left:-30%;top:100%;width:160%;padding-top:160%;background:var(--k-accent);border-radius:42% 46% 44% 48%;transition:transform .65s cubic-bezier(.5,0,.2,1);transform:rotate(0)}
.k-liq:hover .fill,.k-liq:focus-visible .fill{transform:translateY(-58%) rotate(160deg)}
.k-liq .lbl{position:relative;z-index:1;transition:color .4s}
.k-liq:hover .lbl,.k-liq:focus-visible .lbl{color:var(--k-on-color)}
.k-liq.dark{border-color:var(--k-ink);background:var(--k-ink);color:var(--k-bg)}
.k-liq.dark .fill{background:var(--k-on-color)}
.k-liq.dark:hover .lbl,.k-liq.dark:focus-visible .lbl{color:var(--k-zinc-950)}
.k-liq:active{transform:scale(.97)}
@media (prefers-reduced-motion:reduce){.k-liq .fill{transition:none}}