:root{--button-primary:var(--color-accent);--button-hover:#641d24;--button-pressed:#50171e;--button-danger:#b42318;--button-danger-hover:#912018;--button-border:#bdb5b0;--button-disabled-bg:#e8e4e1;--button-disabled-text:#77706b}body .markal-button,.admin-root .admin-button,.admin-root .admin-icon-button{min-width:44px;min-height:var(--button-height,48px);background:var(--button-primary);color:#fff;max-width:100%;font-family:inherit;font-size:var(--button-font-size,13px);letter-spacing:.015em;text-align:center;text-transform:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation;opacity:1;box-shadow:none;transition:background-color .15s var(--ease-out), border-color .15s var(--ease-out), color .15s var(--ease-out), transform .12s var(--ease-out);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:12px 22px;font-weight:600;line-height:1.35;text-decoration:none;display:inline-flex}body .markal-button--large{--button-height:56px;--button-font-size:14px}body .markal-button--compact,.admin-root .admin-button{--button-height:44px;padding:10px 19px}body .markal-button--secondary,.admin-root .admin-button--secondary,.admin-root .admin-icon-button{color:var(--color-ink);border-color:var(--button-border);background:#fff}body .markal-button--tertiary{color:var(--button-primary);background:0 0}body .markal-button--danger{color:var(--button-danger);background:#fff;border-color:#d9948e}body .markal-button--danger-solid,.admin-root .admin-button--danger{background:var(--button-danger);color:#fff;border-color:var(--button-danger)}.admin-root .admin-icon-button{width:44px;height:44px;min-height:44px;padding:10px}body .markal-button>svg,.admin-root .admin-button>svg,.admin-root .admin-icon-button>svg{flex-shrink:0;width:18px;height:18px}body .markal-button:focus-visible,.admin-root .admin-button:focus-visible,.admin-root .admin-icon-button:focus-visible{outline:2px solid var(--button-primary);outline-offset:3px}@media (hover:hover) and (pointer:fine){body .markal-button:where(:not(:disabled):not([aria-disabled=true])):hover,.admin-root .admin-button:not(:disabled):hover{background:var(--button-hover);color:#fff;opacity:1}body .markal-button--secondary:not(:disabled):hover,.admin-root .admin-button--secondary:not(:disabled):hover,.admin-root .admin-icon-button:not(:disabled):hover{color:var(--color-ink);background:#f7f2f0;border-color:#91847e}body .markal-button--tertiary:not(:disabled):hover{color:var(--button-primary);background:#f8f0f0}body .markal-button--danger:not(:disabled):hover{color:var(--button-danger-hover);border-color:var(--button-danger);background:#fef0ee}body .markal-button--danger-solid:not(:disabled):hover,.admin-root .admin-button--danger:not(:disabled):hover{background:var(--button-danger-hover);color:#fff}}body .markal-button:not(:disabled):not([aria-disabled=true]):active,.admin-root .admin-button:not(:disabled):active,.admin-root .admin-icon-button:not(:disabled):active{transform:translateY(1px)}body .markal-button:not(:disabled):not([aria-disabled=true]):not(.markal-button--secondary):not(.markal-button--tertiary):not(.markal-button--danger):not(.markal-button--danger-solid):active,.admin-root .admin-button--primary:not(:disabled):active{background:var(--button-pressed)}body .markal-button:disabled,body .markal-button[aria-disabled=true],.admin-root .admin-button:disabled,.admin-root .admin-icon-button:disabled{background:var(--button-disabled-bg);color:var(--button-disabled-text);opacity:1;cursor:not-allowed;border-color:#0000;transform:none}body .markal-button[aria-busy=true],.admin-root .admin-button[aria-busy=true]{background:var(--button-primary);color:#fff;cursor:wait}body .markal-button--secondary[aria-busy=true],.admin-root .admin-button--secondary[aria-busy=true]{color:var(--color-ink);border-color:var(--button-border);background:#fff}body .markal-button--danger[aria-busy=true]{color:var(--button-danger);background:#fff;border-color:#d9948e}body .markal-button--danger-solid[aria-busy=true],.admin-root .admin-button--danger[aria-busy=true]{background:var(--button-danger)}body .markal-button[aria-busy=true]:before,.admin-root .admin-button[aria-busy=true]:before{content:"";border:1.5px solid;border-right-color:#0000;border-radius:50%;flex:0 0 16px;width:16px;height:16px}@media (prefers-reduced-motion:no-preference){body .markal-button[aria-busy=true]:before,.admin-root .admin-button[aria-busy=true]:before{animation:.8s linear infinite markal-button-progress}}@media (prefers-reduced-motion:reduce){body .markal-button,.admin-root .admin-button,.admin-root .admin-icon-button{transition:none}body .markal-button:not(:disabled):active,.admin-root .admin-button:not(:disabled):active,.admin-root .admin-icon-button:not(:disabled):active{transform:none}}@keyframes markal-button-progress{to{transform:rotate(360deg)}}