/* Munin button (SITE2). The only button styles on muninlabs.ai: one size, two variants.
   Markup comes from website/components/button.mjs (Sign in and Waitlist, nothing else).
   web/tools/test_website_buttons.mjs fails on any other button or on button styles written anywhere else.
   Colors read the page tokens (--ink, --paper, --line) so the same two variants work in light and dark */
.mn-btn{
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:none;
  height:44px;margin:0;padding:0 20px;border-radius:999px;border:1px solid transparent;
  font:500 15px/1 "Geist",system-ui,-apple-system,sans-serif;letter-spacing:-0.01em;white-space:nowrap;
  text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease
}
.mn-btn-solid{background:var(--ink,#0B0D10);color:var(--paper,#F7F8FA)}
.mn-btn-solid:hover{background:color-mix(in srgb,var(--ink,#0B0D10) 84%,var(--paper,#F7F8FA))}
/* plain reads --mn-glass and --mn-blur when a page sets them (the home page's liquid glass); unset, it stays a clear outline */
.mn-btn-plain{background:var(--mn-glass,transparent);-webkit-backdrop-filter:var(--mn-blur,none);backdrop-filter:var(--mn-blur,none);color:var(--ink,#0B0D10);border-color:var(--line,#DCDFDC)}
.mn-btn-plain:hover{border-color:var(--ink,#0B0D10)}
.mn-btn:focus-visible{outline:2px solid var(--ink,#0B0D10);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.mn-btn{transition:none}}