/* Exactly two button variants. Components opt in by class, never by order. */
body #page :is(.mto-button-purple,.mto-button-glass) {
 display:inline-flex;align-items:center;justify-content:center;gap:20px;
 box-sizing:border-box;min-height:54px;height:auto;max-width:100%;padding:16px 24px;
 border:0;border-radius:var(--mto-radius-control);corner-shape:squircle;
 color:var(--mto-color-ink);background:var(--mto-button-surface)!important;
 box-shadow:var(--mto-glass-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
 font-family:var(--mto-font-button);font-size:15px;font-weight:550;line-height:24px;letter-spacing:normal;
 text-decoration:none;text-align:center;white-space:normal;cursor:pointer;
 filter:none;transform:none;translate:none;
 transition:box-shadow var(--mto-motion),filter var(--mto-motion);
}
.mto-button-purple {--mto-button-surface:var(--mto-brand-cta);}
.mto-button-glass {--mto-button-surface:var(--mto-action-glass);}
body #page :is(.mto-button-purple,.mto-button-glass)>span {font:inherit;color:inherit;letter-spacing:inherit;}
body #page :is(.mto-button-purple,.mto-button-glass):is(:hover,:focus-visible):not(:disabled):not([aria-disabled="true"]) {background:var(--mto-button-surface);box-shadow:var(--mto-shadow-hover);filter:brightness(1.08);}
body #page :is(.mto-button-purple,.mto-button-glass):active:not(:disabled) {filter:brightness(.97);box-shadow:var(--mto-glass-shadow);}
body #page :is(.mto-button-purple,.mto-button-glass):focus-visible {outline:2px solid var(--mto-color-focus);outline-offset:4px;}
body #page :is(.mto-button-purple,.mto-button-glass):is(:disabled,[aria-disabled="true"]) {opacity:.48;cursor:not-allowed;box-shadow:none;}
/* Native menu supplies the label; only its arrow is added here. */
body #page .menu-link.mto-button-purple::before {display:none;}
body #page .menu-link.mto-button-purple::after {content:"↗";position:static;display:inline-block;width:auto;height:auto;margin:0;background:none;transform:none;opacity:1;font:inherit;color:inherit;}
@media(max-width:600px){body #page :is(.mto-button-purple,.mto-button-glass){min-height:50px;padding:14px 18px;gap:12px;}}
@media(prefers-reduced-motion:reduce){body #page :is(.mto-button-purple,.mto-button-glass){transition:none;}}
