dary-text-color: var(
      --maui-color-interaction-buttonprimary
    );
    --maui-button-secondary-inverted-text-color: var(
      --maui-color-interaction-interaction-inverted
    );
    --maui-button-secondary-hover-text-color: var(--maui-color-brand-white);
    --maui-button-secondary-inverted-hover-text-color: var(
      --maui-color-text-copy-inverted
    );
    --maui-button-secondary-border-width: 2px;
    --maui-button-secondary-inverted-border-color: var(
      --maui-color-interaction-interaction-inverted
    );
    --maui-button-secondary-hover-background-color: var(
      --maui-color-interaction-buttonprimaryhover
    );
    --maui-button-secondary-inverted-hover-background-color: var(
      --maui-color-interaction-buttonprimaryhover
    );

    --maui-button-medium-min-height: 50px;
    --maui-button-medium-padding: var(--maui-spacing-3) 33px;

    --maui-button-small-min-height: 30px;
    --maui-button-small-padding: var(--maui-spacing-2) 18px;

    --maui-button-primary-disabled-background-color: var(
      --maui-color-disabled-background
    );
    --maui-button-primary-inverted-disabled-background-color: var(
      --maui-color-disabled-background-inverted
    );
    --maui-button-primary-disabled-border-color: var(
      --maui-color-disabled-background
    );
    --maui-button-primary-inverted-disabled-border-color: transparent;
    --maui-button-primary-disabled-text-color: var(
      --maui-color-disabled-foreground
    );
    --maui-button-primary-inverted-disabled-text-color: var(
      --maui-color-disabled-foreground-inverted
    );

    --maui-button-secondary-disabled-background-color: transparent;
    --maui-button-secondary-disabled-border-color: var(
      --maui-color-disabled-foreground
    );
    --maui-button-secondary-inverted-disabled-border-color: var(
      --maui-color-disabled-foreground-inverted
    );
    --maui-button-secondary-disabled-text-color: var(
      --maui-color-disabled-foreground
    );
    --maui-button-secondary-inverted-disabled-text-color: var(
      --maui-color-disabled-foreground-inverted
    );
  }

  .sn.secondary:not(:hover, [disabled], .inverted) {
    border-color: var(--maui-color-interaction-buttonprimary);
  }

  .sn.muted {
    color: var(--maui-button-muted-coloroverride, var(--maui-color-text-copy));
    border-color: var(
      --maui-button-muted-coloroverride,
      var(--maui-color-text-copy)
    );
  }

  .sn.muted:hover {
    color: var(--maui-button-text-color);
    background-color: var(
      --maui-button-muted-hovercoloroverride,
      var(--maui-color-text-copy)
    );
    border-color: var(
      --maui-button-muted-hovercoloroverride,
      var(--maui-color-text-copy)
    );
  }

  .sn.medium {
    ƒ