/* Button consumes the latest native Figma master rules generated below.
   Height hugs text; the minimum and symmetric padding retain each baseline.
   Borders use an inset overlay, matching source artwork without changing layout. */
.mzh-button {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  width: var(--mzh-button-width, auto);
  max-width: 100%;
  min-width: var(--mzh-button-min-width, 0);
  min-height: var(--mzh-button-min-height, var(--control-height-md));
  height: auto;
  padding: max(var(--mzh-button-padding-y, var(--spacing-sm)), calc((var(--button-content-em) - var(--mzh-button-font-size, var(--typography-body-font-size))) / 2)) var(--mzh-button-padding-x, var(--control-padding-x-md));
  border: 0;
  border-radius: var(--mzh-button-radius, var(--button-primary-radius));
  background: var(--mzh-button-bg, var(--button-primary-bg-default));
  color: var(--mzh-button-fg, var(--button-primary-fg-default));
  box-shadow: var(--mzh-button-shadow, none);
  opacity: var(--mzh-button-opacity, 1);
  font-family: var(--mzh-button-font-family, var(--typography-family-base)), sans-serif;
  font-size: var(--mzh-button-font-size, var(--typography-body-font-size));
  font-weight: var(--mzh-button-font-weight, var(--typography-weight-medium));
  line-height: max(var(--mzh-button-line-height, var(--typography-body-line-height)), calc(var(--button-content-em) + var(--spacing-sm)));
  text-align: center;
  overflow-wrap: anywhere;
  white-space: normal;
  vertical-align: middle;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.mzh-button::before {
  content: '';
  position: absolute;
  inset: 0;
  border: var(--mzh-button-border-width, 0) solid var(--mzh-button-border-color, transparent);
  border-radius: inherit;
  pointer-events: none;
}
.mzh-button--block { display: flex; width: 100%; }
.mzh-button:focus-visible { outline: var(--border-width-strong) solid var(--color-border-brand); outline-offset: var(--spacing-xxs); }
.mzh-button:is([disabled], [state="disabled"]) { cursor: not-allowed; }
.mzh-button--source:is(:active,[state="pressed"]):not([disabled]):not([state="disabled"]) { opacity: var(--opacity-pressed); }
.mzh-button--source:is([disabled],[state="disabled"]) { opacity: var(--opacity-disabled); }

/* BEGIN NATIVE FIGMA BUTTON RULES */
/* Generated by tools/sync_web_design_system.py. */
/* 1999:6776 · Code / Default / Default */
.mzh-button:where(.mzh-button--primary:not(.mzh-button--small):not(.mzh-button--large):not(.mzh-button--radius-lg)):not(.mzh-button--source):not(.mzh-button--context) {
  --mzh-button-bg: var(--button-primary-bg-default);
  --mzh-button-fg: var(--button-primary-fg-default);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-radius: var(--button-primary-radius);
  --mzh-button-min-height: var(--control-height-md);
  --mzh-button-padding-y: var(--button-native-values-default-padding-y);
  --mzh-button-padding-x: var(--spacing-lg);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-body-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-body-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
  --mzh-button-min-width: var(--button-native-values-default-min-width);
}

/* 1999:6779 · Code / Default / Pressed */
.mzh-button:where(.mzh-button--primary:not(.mzh-button--radius-lg)):not(.mzh-button--source):not(.mzh-button--context):is(:active,[state="pressed"]):not([disabled]):not([state="disabled"]) {
  --mzh-button-bg: var(--button-primary-bg-pressed);
  --mzh-button-fg: var(--button-primary-fg-default);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
}

/* 1999:6782 · Code / Default / Disabled */
.mzh-button:where(.mzh-button--primary:not(.mzh-button--radius-lg)):not(.mzh-button--source):not(.mzh-button--context):is([disabled],[state="disabled"]) {
  --mzh-button-bg: var(--button-primary-bg-disabled);
  --mzh-button-fg: var(--button-primary-fg-disabled);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
}

/* 1999:6785 · Code / Default / Default */
.mzh-button:where(.mzh-button--secondary:not(.mzh-button--small):not(.mzh-button--large):not(.mzh-button--radius-lg)):not(.mzh-button--source):not(.mzh-button--context) {
  --mzh-button-bg: var(--button-secondary-bg-default);
  --mzh-button-fg: var(--button-secondary-fg-default);
  --mzh-button-border-color: var(--button-secondary-border);
  --mzh-button-border-width: var(--border-width-default);
  --mzh-button-radius: var(--button-primary-radius);
  --mzh-button-min-height: var(--button-native-values-default-height);
  --mzh-button-padding-y: var(--spacing-md);
  --mzh-button-padding-x: var(--spacing-lg);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-body-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-body-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
  --mzh-button-min-width: var(--button-native-values-default-min-width-121218);
}

/* 1999:6788 · Code / Default / Pressed */
.mzh-button:where(.mzh-button--secondary:not(.mzh-button--radius-lg)):not(.mzh-button--source):not(.mzh-button--context):is(:active,[state="pressed"]):not([disabled]):not([state="disabled"]) {
  --mzh-button-bg: var(--button-secondary-bg-pressed);
  --mzh-button-fg: var(--button-secondary-fg-default);
  --mzh-button-border-color: var(--button-secondary-border);
  --mzh-button-border-width: var(--border-width-default);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
}

/* 1999:6791 · Code / Default / Disabled */
.mzh-button:where(.mzh-button--secondary:not(.mzh-button--radius-lg)):not(.mzh-button--source):not(.mzh-button--context):is([disabled],[state="disabled"]) {
  --mzh-button-bg: var(--button-secondary-bg-default);
  --mzh-button-fg: var(--button-primary-fg-disabled);
  --mzh-button-border-color: var(--button-secondary-border);
  --mzh-button-border-width: var(--border-width-default);
  --mzh-button-opacity: var(--opacity-disabled);
  --mzh-button-shadow: none;
}

/* 1999:6794 · Code / Default / Default */
.mzh-button:where(.mzh-button--ghost:not(.mzh-button--small):not(.mzh-button--large):not(.mzh-button--radius-lg)):not(.mzh-button--source):not(.mzh-button--context) {
  --mzh-button-bg: transparent;
  --mzh-button-fg: var(--color-text-brand);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-radius: var(--button-primary-radius);
  --mzh-button-min-height: var(--button-native-values-default-height-d91c6d);
  --mzh-button-padding-y: 0;
  --mzh-button-padding-x: var(--spacing-sm);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-body-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-body-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
  --mzh-button-min-width: var(--button-native-values-default-min-width-5cda01);
}

/* 1999:6797 · Code / Default / Pressed */
.mzh-button:where(.mzh-button--ghost:not(.mzh-button--radius-lg)):not(.mzh-button--source):not(.mzh-button--context):is(:active,[state="pressed"]):not([disabled]):not([state="disabled"]) {
  --mzh-button-bg: transparent;
  --mzh-button-fg: var(--color-text-brand);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-opacity: var(--opacity-pressed);
  --mzh-button-shadow: none;
}

/* 1999:6800 · Code / Default / Disabled */
.mzh-button:where(.mzh-button--ghost:not(.mzh-button--radius-lg)):not(.mzh-button--source):not(.mzh-button--context):is([disabled],[state="disabled"]) {
  --mzh-button-bg: transparent;
  --mzh-button-fg: var(--color-text-disabled);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
}

/* 1999:6803 · Code / Default / Default */
.mzh-button:where(.mzh-button--elevated:not(.mzh-button--small):not(.mzh-button--large):not(.mzh-button--radius-lg)):not(.mzh-button--source):not(.mzh-button--context) {
  --mzh-button-bg: var(--color-bg-brand);
  --mzh-button-fg: var(--color-bg-primary);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-radius: var(--button-elevated-radius);
  --mzh-button-min-height: var(--button-elevated-height);
  --mzh-button-padding-y: var(--button-native-values-default-padding-y);
  --mzh-button-padding-x: var(--spacing-lg);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-title-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-title-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: var(--button-native-values-default-shadow);
  --mzh-button-min-width: var(--button-native-values-default-min-width-28bfb5);
}

/* 1999:6806 · Code / Default / Pressed */
.mzh-button:where(.mzh-button--elevated:not(.mzh-button--small):not(.mzh-button--large):not(.mzh-button--radius-lg)):not(.mzh-button--source):not(.mzh-button--context):is(:active,[state="pressed"]):not([disabled]):not([state="disabled"]) {
  --mzh-button-bg: var(--button-native-values-default-background);
  --mzh-button-fg: var(--button-native-values-default-foreground);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-opacity: var(--opacity-pressed);
  --mzh-button-shadow: var(--button-native-values-default-shadow);
}

/* 1999:6809 · Code / Default / Disabled */
.mzh-button:where(.mzh-button--elevated:not(.mzh-button--small):not(.mzh-button--large):not(.mzh-button--radius-lg)):not(.mzh-button--source):not(.mzh-button--context):is([disabled],[state="disabled"]) {
  --mzh-button-bg: var(--color-bg-brand);
  --mzh-button-fg: var(--color-text-disabled);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
}

/* 1999:6812 · Code / Default / Default */
.mzh-button:where(.mzh-button--primary.mzh-button--small:not(.mzh-button--radius-lg)):not(.mzh-button--source):not(.mzh-button--context) {
  --mzh-button-bg: var(--button-primary-bg-default);
  --mzh-button-fg: var(--button-primary-fg-default);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-radius: var(--radius-sm);
  --mzh-button-min-height: var(--control-height-sm);
  --mzh-button-padding-y: var(--spacing-inline-compact);
  --mzh-button-padding-x: var(--spacing-sm);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-caption-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-caption-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
  --mzh-button-min-width: var(--button-native-values-default-min-width-b74a2b);
}

/* 1999:6815 · Code / Default / Default */
.mzh-button:where(.mzh-button--primary.mzh-button--large:not(.mzh-button--radius-lg)):not(.mzh-button--source):not(.mzh-button--context) {
  --mzh-button-bg: var(--button-primary-bg-default);
  --mzh-button-fg: var(--button-primary-fg-default);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-radius: var(--button-primary-radius);
  --mzh-button-min-height: var(--control-height-lg);
  --mzh-button-padding-y: var(--button-native-values-default-padding-y-990a8c);
  --mzh-button-padding-x: var(--spacing-xl);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-title-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-title-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
  --mzh-button-min-width: var(--button-native-values-default-min-width-da49ef);
}

/* 1999:6818 · Code / Default / Default */
.mzh-button:where(.mzh-button--secondary.mzh-button--small:not(.mzh-button--radius-lg)):not(.mzh-button--source):not(.mzh-button--context) {
  --mzh-button-bg: var(--button-secondary-bg-default);
  --mzh-button-fg: var(--button-secondary-fg-default);
  --mzh-button-border-color: var(--button-secondary-border);
  --mzh-button-border-width: var(--border-width-default);
  --mzh-button-radius: var(--radius-sm);
  --mzh-button-min-height: var(--button-native-values-default-height-ce2e76);
  --mzh-button-padding-y: var(--button-native-values-default-padding-y-bf2d33);
  --mzh-button-padding-x: var(--spacing-sm);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-caption-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-caption-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
  --mzh-button-min-width: var(--button-native-values-default-min-width-89a8f6);
}

/* 1999:6821 · Code / Default / Default */
.mzh-button:where(.mzh-button--secondary.mzh-button--large:not(.mzh-button--radius-lg)):not(.mzh-button--source):not(.mzh-button--context) {
  --mzh-button-bg: var(--button-secondary-bg-default);
  --mzh-button-fg: var(--button-secondary-fg-default);
  --mzh-button-border-color: var(--button-secondary-border);
  --mzh-button-border-width: var(--border-width-default);
  --mzh-button-radius: var(--button-primary-radius);
  --mzh-button-min-height: var(--button-native-values-default-height-f10cdc);
  --mzh-button-padding-y: var(--button-native-values-default-padding-y-17bd40);
  --mzh-button-padding-x: var(--spacing-xl);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-title-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-title-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
  --mzh-button-min-width: var(--button-native-values-default-min-width-7aff91);
}

/* 1999:6824 · Code / Default / Default */
.mzh-button:where(.mzh-button--ghost.mzh-button--small:not(.mzh-button--radius-lg)):not(.mzh-button--source):not(.mzh-button--context) {
  --mzh-button-bg: transparent;
  --mzh-button-fg: var(--color-text-brand);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-radius: var(--radius-sm);
  --mzh-button-min-height: var(--control-height-sm);
  --mzh-button-padding-y: var(--spacing-inline-compact);
  --mzh-button-padding-x: var(--spacing-sm);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-caption-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-caption-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
  --mzh-button-min-width: var(--button-native-values-default-min-width-b74a2b);
}

/* 1999:6827 · Code / Default / Default */
.mzh-button:where(.mzh-button--ghost.mzh-button--large:not(.mzh-button--radius-lg)):not(.mzh-button--source):not(.mzh-button--context) {
  --mzh-button-bg: transparent;
  --mzh-button-fg: var(--color-text-brand);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-radius: var(--button-primary-radius);
  --mzh-button-min-height: var(--control-height-lg);
  --mzh-button-padding-y: var(--button-native-values-default-padding-y-990a8c);
  --mzh-button-padding-x: var(--spacing-sm);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-title-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-title-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
  --mzh-button-min-width: var(--button-native-values-default-min-width-da49ef);
}

/* 1999:6830 · Code / Default / Default */
.mzh-button:where(.mzh-button--elevated:not(.mzh-button--small):not(.mzh-button--large).mzh-button--radius-lg):not(.mzh-button--source):not(.mzh-button--context) {
  --mzh-button-bg: var(--color-bg-brand);
  --mzh-button-fg: var(--color-bg-primary);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-radius: var(--button-elevated-radius-lg);
  --mzh-button-min-height: var(--button-elevated-height);
  --mzh-button-padding-y: var(--button-native-values-default-padding-y);
  --mzh-button-padding-x: var(--spacing-lg);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-title-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-title-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: var(--button-native-values-default-shadow);
  --mzh-button-min-width: var(--button-native-values-default-min-width-28bfb5);
}

/* 1999:6833 · Code / Default / Pressed */
.mzh-button:where(.mzh-button--elevated:not(.mzh-button--small):not(.mzh-button--large).mzh-button--radius-lg):not(.mzh-button--source):not(.mzh-button--context):is(:active,[state="pressed"]):not([disabled]):not([state="disabled"]) {
  --mzh-button-bg: var(--button-native-values-default-background-07bc63);
  --mzh-button-fg: var(--button-native-values-default-foreground-5cef32);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-opacity: var(--opacity-pressed);
  --mzh-button-shadow: var(--button-native-values-default-shadow);
}

/* 1999:6836 · Code / Default / Disabled */
.mzh-button:where(.mzh-button--elevated:not(.mzh-button--small):not(.mzh-button--large).mzh-button--radius-lg):not(.mzh-button--source):not(.mzh-button--context):is([disabled],[state="disabled"]) {
  --mzh-button-bg: var(--color-bg-brand);
  --mzh-button-fg: var(--color-text-disabled);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
}

/* 1999:7478 · Context / 5a2ee25d / Default */
.mzh-button[context="return-home"] {
  --mzh-button-bg: var(--button-primary-bg-default);
  --mzh-button-fg: var(--button-primary-fg-default);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-radius: var(--button-primary-radius);
  --mzh-button-min-height: var(--control-height-md);
  --mzh-button-padding-y: var(--button-native-values-default-padding-y);
  --mzh-button-padding-x: var(--spacing-lg);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-body-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-body-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
  --mzh-button-width: var(--button-native-values-return-home-width);
  --mzh-button-min-width: 0;
}

/* 1999:8060 · Context / 7aff1893 / Default */
.mzh-button[context="view-all"] {
  --mzh-button-bg: var(--button-secondary-bg-default);
  --mzh-button-fg: var(--button-secondary-fg-default);
  --mzh-button-border-color: var(--button-native-values-view-all-border);
  --mzh-button-border-width: var(--border-width-default);
  --mzh-button-radius: var(--radius-sm);
  --mzh-button-min-height: var(--button-native-values-default-height-ce2e76);
  --mzh-button-padding-y: var(--button-native-values-default-padding-y-bf2d33);
  --mzh-button-padding-x: var(--spacing-sm);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-caption-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-caption-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
  --mzh-button-width: var(--button-native-values-default-min-width-89a8f6);
  --mzh-button-min-width: 0;
}

/* 1999:11622 · Source / Outline32 / Default */
.mzh-button[source-style="outline32"] {
  --mzh-button-bg: transparent;
  --mzh-button-fg: var(--color-text-brand);
  --mzh-button-border-color: var(--color-border-brand);
  --mzh-button-border-width: var(--border-width-default);
  --mzh-button-radius: var(--radius-md);
  --mzh-button-min-height: var(--control-height-sm);
  --mzh-button-padding-y: var(--button-native-values-outline32-padding-y);
  --mzh-button-padding-x: var(--spacing-sm);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-body-font-size);
  --mzh-button-font-weight: var(--typography-weight-regular);
  --mzh-button-line-height: var(--typography-body-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
  --mzh-button-width: var(--button-native-values-default-min-width-5cda01);
  --mzh-button-min-width: 0;
}

/* 1999:11942 · Source / Outline36 / Default */
.mzh-button[source-style="outline36"] {
  --mzh-button-bg: transparent;
  --mzh-button-fg: var(--color-text-brand);
  --mzh-button-border-color: var(--color-border-brand);
  --mzh-button-border-width: var(--border-width-default);
  --mzh-button-radius: var(--radius-md);
  --mzh-button-min-height: var(--button-native-values-outline36-height);
  --mzh-button-padding-y: var(--button-native-values-default-padding-y-bf2d33);
  --mzh-button-padding-x: var(--spacing-sm);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-body-font-size);
  --mzh-button-font-weight: var(--typography-weight-regular);
  --mzh-button-line-height: var(--typography-body-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
  --mzh-button-width: var(--button-native-values-outline36-width);
  --mzh-button-min-width: 0;
}

/* 1999:11947 · Source / Gradient36 / Default */
.mzh-button[source-style="gradient36"] {
  --mzh-button-bg: var(--button-native-values-gradient36-background);
  --mzh-button-fg: var(--color-action-on-primary);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-radius: var(--radius-md);
  --mzh-button-min-height: var(--button-native-values-outline36-height);
  --mzh-button-padding-y: var(--button-native-values-default-padding-y-bf2d33);
  --mzh-button-padding-x: var(--spacing-sm);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-body-font-size);
  --mzh-button-font-weight: var(--typography-weight-regular);
  --mzh-button-line-height: var(--typography-body-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
  --mzh-button-width: var(--button-native-values-outline36-width);
  --mzh-button-min-width: 0;
}

/* 1999:12113 · Source / Gradient48 / Default */
.mzh-button[source-style="gradient48"] {
  --mzh-button-bg: var(--button-native-values-gradient48-background);
  --mzh-button-fg: var(--color-action-on-primary);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-radius: var(--radius-xl);
  --mzh-button-min-height: var(--button-elevated-height);
  --mzh-button-padding-y: var(--button-native-values-default-padding-y);
  --mzh-button-padding-x: var(--spacing-lg);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-title-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-title-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
  --mzh-button-width: var(--button-native-values-gradient48-width);
  --mzh-button-min-width: 0;
}

/* 1999:12118 · Source / GradientShadow48 / Default */
.mzh-button[source-style="gradient-shadow48"] {
  --mzh-button-bg: var(--button-native-values-gradient-shadow48-background);
  --mzh-button-fg: var(--color-action-on-primary);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-radius: var(--radius-xl);
  --mzh-button-min-height: var(--button-elevated-height);
  --mzh-button-padding-y: var(--button-native-values-default-padding-y);
  --mzh-button-padding-x: var(--spacing-lg);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-title-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-title-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: var(--button-native-values-gradient-shadow48-shadow);
  --mzh-button-width: var(--button-native-values-gradient48-width);
  --mzh-button-min-width: 0;
}

/* 1999:12523 · Source / SurfaceShadow56 / Default */
.mzh-button[source-style="surface-shadow56"] {
  --mzh-button-bg: var(--color-bg-primary);
  --mzh-button-fg: var(--color-text-brand);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-radius: var(--radius-xl);
  --mzh-button-min-height: var(--button-native-values-surface-shadow56-height);
  --mzh-button-padding-y: var(--button-native-values-surface-shadow56-padding-y);
  --mzh-button-padding-x: var(--spacing-lg);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-title-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-title-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: var(--button-native-values-surface-shadow56-shadow);
  --mzh-button-width: var(--button-native-values-gradient48-width);
  --mzh-button-min-width: 0;
}

/* 1999:12796 · Source / SurfaceShadow48 / Default */
.mzh-button[source-style="surface-shadow48"] {
  --mzh-button-bg: var(--color-bg-primary);
  --mzh-button-fg: var(--color-text-brand);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-radius: var(--radius-xl);
  --mzh-button-min-height: var(--button-elevated-height);
  --mzh-button-padding-y: var(--button-native-values-default-padding-y);
  --mzh-button-padding-x: var(--spacing-lg);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-title-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-title-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: var(--button-native-values-surface-shadow48-shadow);
  --mzh-button-width: var(--button-native-values-gradient48-width);
  --mzh-button-min-width: 0;
}

/* 1999:12856 · Source / SurfaceSoftShadow48 / Default */
.mzh-button[source-style="surface-soft-shadow48"] {
  --mzh-button-bg: var(--color-bg-primary);
  --mzh-button-fg: var(--color-text-brand);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-radius: var(--radius-xl);
  --mzh-button-min-height: var(--button-elevated-height);
  --mzh-button-padding-y: var(--button-native-values-default-padding-y);
  --mzh-button-padding-x: var(--spacing-lg);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-title-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-title-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: var(--button-native-values-surface-shadow56-shadow);
  --mzh-button-width: var(--button-native-values-gradient48-width);
  --mzh-button-min-width: 0;
}

/* 1999:14212 · Source / OutlineArtwork48 / Default */
.mzh-button[source-style="outline-artwork48"] {
  --mzh-button-bg: transparent;
  --mzh-button-fg: var(--color-text-brand);
  --mzh-button-border-color: var(--color-border-brand);
  --mzh-button-border-width: var(--border-width-default);
  --mzh-button-radius: var(--radius-xl);
  --mzh-button-min-height: var(--button-elevated-height);
  --mzh-button-padding-y: var(--spacing-md);
  --mzh-button-padding-x: var(--spacing-sm);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-subtitle-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-subtitle-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
  --mzh-button-width: var(--button-native-values-default-min-width-7aff91);
  --mzh-button-min-width: 0;
}

/* 1999:14248 · Source / Inverse48 / Default */
.mzh-button[source-style="inverse48"] {
  --mzh-button-bg: var(--button-native-values-inverse48-background);
  --mzh-button-fg: var(--color-action-on-primary);
  --mzh-button-border-color: var(--color-bg-primary);
  --mzh-button-border-width: var(--border-width-default);
  --mzh-button-radius: var(--radius-xl);
  --mzh-button-min-height: var(--button-elevated-height);
  --mzh-button-padding-y: var(--spacing-md);
  --mzh-button-padding-x: var(--spacing-sm);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-subtitle-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-subtitle-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
  --mzh-button-width: var(--button-native-values-default-min-width-7aff91);
  --mzh-button-min-width: 0;
}

/* 1999:14408 · Source / GradientCompact36 / Default */
.mzh-button[source-style="gradient-compact36"] {
  --mzh-button-bg: var(--button-native-values-gradient-compact36-background);
  --mzh-button-fg: var(--color-action-on-primary);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-radius: var(--radius-md);
  --mzh-button-min-height: var(--button-native-values-outline36-height);
  --mzh-button-padding-y: var(--spacing-inline-compact);
  --mzh-button-padding-x: var(--spacing-lg);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-subtitle-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-subtitle-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: var(--button-native-values-gradient-shadow48-shadow);
  --mzh-button-width: var(--button-native-values-gradient-compact36-width);
  --mzh-button-min-width: 0;
}

/* 1999:14440 · Source / GradientCompact40 / Default */
.mzh-button[source-style="gradient-compact40"] {
  --mzh-button-bg: var(--button-native-values-gradient-compact40-background);
  --mzh-button-fg: var(--color-action-on-primary);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-radius: var(--radius-md);
  --mzh-button-min-height: var(--button-native-values-gradient-compact40-height);
  --mzh-button-padding-y: var(--spacing-sm);
  --mzh-button-padding-x: var(--spacing-lg);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-subtitle-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-subtitle-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: var(--button-native-values-gradient-shadow48-shadow);
  --mzh-button-width: var(--button-native-values-gradient-compact40-width);
  --mzh-button-min-width: 0;
}

/* 1999:15251 · Source / Gradient48Text16 / Default */
.mzh-button[source-style="gradient48-text16"] {
  --mzh-button-bg: var(--button-native-values-gradient48-background);
  --mzh-button-fg: var(--color-action-on-primary);
  --mzh-button-border-color: transparent;
  --mzh-button-border-width: 0;
  --mzh-button-radius: var(--radius-xl);
  --mzh-button-min-height: var(--button-elevated-height);
  --mzh-button-padding-y: var(--spacing-md);
  --mzh-button-padding-x: var(--spacing-lg);
  --mzh-button-font-family: var(--typography-family-base);
  --mzh-button-font-size: var(--typography-subtitle-font-size);
  --mzh-button-font-weight: var(--typography-weight-medium);
  --mzh-button-line-height: var(--typography-subtitle-line-height);
  --mzh-button-opacity: 1;
  --mzh-button-shadow: none;
  --mzh-button-width: var(--button-native-values-gradient48-width);
  --mzh-button-min-width: 0;
}