.mbtn{isolation:isolate;border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);background:color-mix(in srgb, var(--bg) 55%, transparent);min-height:56px;color:var(--ink);cursor:pointer;font:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;padding:4px 26px 4px 4px;text-decoration:none;display:inline-flex;position:relative}.mbtn-circle{z-index:-1;background:var(--accent);border-radius:999px;width:48px;transition:width .55s cubic-bezier(.65,0,.35,1);position:absolute;top:4px;bottom:4px;left:4px}.mbtn-icon{width:48px;height:48px;color:var(--bg);flex:none;place-items:center;transition:transform .55s cubic-bezier(.65,0,.35,1);display:grid}.mbtn-label{letter-spacing:-.01em;white-space:nowrap;padding-left:14px;font-size:15px;font-weight:500;transition:color .45s}.mbtn:hover .mbtn-circle,.mbtn:focus-visible .mbtn-circle{width:calc(100% - 8px)}.mbtn:hover .mbtn-icon,.mbtn:focus-visible .mbtn-icon{transform:translate(5px)}.mbtn:hover .mbtn-label,.mbtn:focus-visible .mbtn-label{color:var(--bg)}.mbtn[data-variant=ghost] .mbtn-circle{background:var(--ink)}.mbtn:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:540px){.mbtn{min-height:52px;padding-right:20px}.mbtn-circle{width:44px}.mbtn-icon{width:44px;height:44px}.mbtn-label{font-size:14px}}@media (prefers-reduced-motion:reduce){.mbtn-circle,.mbtn-icon,.mbtn-label{transition:none}}