.nectary-theme-base {
  --sinch-comp-button-color-cta-primary-default-background-active: var(--sinch-ref-color-honey-300);
  --sinch-comp-button-color-cta-primary-default-background-hover: var(--sinch-ref-color-honey-200);
  --sinch-comp-button-color-cta-primary-default-background-initial: var(--sinch-ref-color-honey-350);
  --sinch-comp-button-color-cta-primary-default-border-initial: var(--sinch-sys-color-basic-transparent);
  --sinch-comp-button-color-cta-primary-default-icon-initial: var(--sinch-ref-color-neutral-900);
  --sinch-comp-button-color-cta-primary-default-outline-focus: var(--sinch-sys-color-focus);
  --sinch-comp-button-color-cta-primary-default-text-initial: var(--sinch-ref-color-neutral-900);
  --sinch-comp-button-color-cta-primary-disabled-background-initial: var(--sinch-ref-color-honey-50);
  --sinch-comp-button-color-cta-primary-disabled-border-initial: var(--sinch-sys-color-basic-transparent);
  --sinch-comp-button-color-cta-primary-disabled-icon-initial: var(--sinch-sys-color-text-disabled);
  --sinch-comp-button-color-cta-primary-disabled-text-initial: var(--sinch-sys-color-text-disabled);
  --sinch-comp-button-color-cta-secondary-default-background-active: var(--sinch-sys-color-surface-primary-active);
  --sinch-comp-button-color-cta-secondary-default-background-hover: var(--sinch-sys-color-surface-primary-hover);
  --sinch-comp-button-color-cta-secondary-default-background-initial: var(--sinch-sys-color-surface-primary-default);
  --sinch-comp-button-color-cta-secondary-default-border-initial: var(--sinch-sys-color-text-default);
  --sinch-comp-button-color-cta-secondary-default-icon-initial: var(--sinch-sys-color-text-default);
  --sinch-comp-button-color-cta-secondary-default-outline-focus: var(--sinch-sys-color-focus);
  --sinch-comp-button-color-cta-secondary-default-text-initial: var(--sinch-sys-color-text-default);
  --sinch-comp-button-color-cta-secondary-disabled-background-initial: var(--sinch-sys-color-surface-primary-disabled);
  --sinch-comp-button-color-cta-secondary-disabled-border-initial: var(--sinch-sys-color-border-disabled);
  --sinch-comp-button-color-cta-secondary-disabled-icon-initial: var(--sinch-sys-color-text-disabled);
  --sinch-comp-button-color-cta-secondary-disabled-text-initial: var(--sinch-sys-color-text-disabled);
  --sinch-comp-button-color-danger-default-background-active: var(--sinch-sys-color-surface-primary-active);
  --sinch-comp-button-color-danger-default-background-hover: var(--sinch-sys-color-surface-primary-hover);
  --sinch-comp-button-color-danger-default-background-initial: var(--sinch-sys-color-surface-primary-default);
  --sinch-comp-button-color-danger-default-border-initial: var(--sinch-sys-color-feedback-danger-default);
  --sinch-comp-button-color-danger-default-icon-initial: var(--sinch-sys-color-feedback-danger-default);
  --sinch-comp-button-color-danger-default-outline-focus: var(--sinch-sys-color-focus);
  --sinch-comp-button-color-danger-default-text-initial: var(--sinch-sys-color-feedback-danger-default);
  --sinch-comp-button-color-danger-disabled-background-initial: var(--sinch-sys-color-surface-primary-disabled);
  --sinch-comp-button-color-danger-disabled-border-initial: var(--sinch-sys-color-border-disabled);
  --sinch-comp-button-color-danger-disabled-icon-initial: var(--sinch-sys-color-text-disabled);
  --sinch-comp-button-color-danger-disabled-text-initial: var(--sinch-sys-color-text-disabled);
  --sinch-comp-button-color-primary-default-background-active: var(--sinch-sys-color-primary-active);
  --sinch-comp-button-color-primary-default-background-hover: var(--sinch-sys-color-primary-hover);
  --sinch-comp-button-color-primary-default-background-initial: var(--sinch-sys-color-primary-default);
  --sinch-comp-button-color-primary-default-border-initial: var(--sinch-sys-color-basic-transparent);
  --sinch-comp-button-color-primary-default-icon-initial: var(--sinch-sys-color-primary-foreground);
  --sinch-comp-button-color-primary-default-outline-focus: var(--sinch-sys-color-focus);
  --sinch-comp-button-color-primary-default-text-initial: var(--sinch-sys-color-primary-foreground);
  --sinch-comp-button-color-primary-disabled-background-initial: var(--sinch-sys-color-primary-disabled);
  --sinch-comp-button-color-primary-disabled-border-initial: var(--sinch-sys-color-basic-transparent);
  --sinch-comp-button-color-primary-disabled-icon-initial: var(--sinch-sys-color-primary-foreground);
  --sinch-comp-button-color-primary-disabled-text-initial: var(--sinch-sys-color-primary-foreground);
  --sinch-comp-button-color-secondary-default-background-active: var(--sinch-sys-color-surface-primary-active);
  --sinch-comp-button-color-secondary-default-background-hover: var(--sinch-sys-color-surface-primary-hover);
  --sinch-comp-button-color-secondary-default-background-initial: var(--sinch-sys-color-surface-primary-default);
  --sinch-comp-button-color-secondary-default-border-initial: var(--sinch-sys-color-primary-default);
  --sinch-comp-button-color-secondary-default-icon-initial: var(--sinch-sys-color-primary-default);
  --sinch-comp-button-color-secondary-default-outline-focus: var(--sinch-sys-color-focus);
  --sinch-comp-button-color-secondary-default-text-initial: var(--sinch-sys-color-primary-default);
  --sinch-comp-button-color-secondary-disabled-background-initial: var(--sinch-sys-color-surface-primary-disabled);
  --sinch-comp-button-color-secondary-disabled-border-initial: var(--sinch-sys-color-primary-disabled);
  --sinch-comp-button-color-secondary-disabled-icon-initial: var(--sinch-sys-color-primary-disabled);
  --sinch-comp-button-color-secondary-disabled-text-initial: var(--sinch-sys-color-primary-disabled);
  --sinch-comp-button-color-subtle-primary-default-background-active: var(--sinch-sys-color-surface-transparent-active);
  --sinch-comp-button-color-subtle-primary-default-background-hover: var(--sinch-sys-color-surface-transparent-hover);
  --sinch-comp-button-color-subtle-primary-default-background-initial: var(--sinch-sys-color-surface-transparent-default);
  --sinch-comp-button-color-subtle-primary-default-border-initial: var(--sinch-sys-color-basic-transparent);
  --sinch-comp-button-color-subtle-primary-default-icon-initial: var(--sinch-sys-color-primary-default);
  --sinch-comp-button-color-subtle-primary-default-outline-focus: var(--sinch-sys-color-focus);
  --sinch-comp-button-color-subtle-primary-default-text-initial: var(--sinch-sys-color-primary-default);
  --sinch-comp-button-color-subtle-primary-disabled-background-initial: var(--sinch-sys-color-surface-transparent-disabled);
  --sinch-comp-button-color-subtle-primary-disabled-border-initial: var(--sinch-sys-color-basic-transparent);
  --sinch-comp-button-color-subtle-primary-disabled-icon-initial: var(--sinch-sys-color-primary-disabled);
  --sinch-comp-button-color-subtle-primary-disabled-text-initial: var(--sinch-sys-color-primary-disabled);
  --sinch-comp-button-color-subtle-primary-toggled-background-active: #24242433;
  --sinch-comp-button-color-subtle-primary-toggled-background-hover: #24242426;
  --sinch-comp-button-color-subtle-primary-toggled-background-initial: #2424241A;
  --sinch-comp-button-color-subtle-secondary-default-background-active: var(--sinch-sys-color-surface-transparent-active);
  --sinch-comp-button-color-subtle-secondary-default-background-hover: var(--sinch-sys-color-surface-transparent-hover);
  --sinch-comp-button-color-subtle-secondary-default-background-initial: var(--sinch-sys-color-surface-transparent-default);
  --sinch-comp-button-color-subtle-secondary-default-border-initial: var(--sinch-sys-color-basic-transparent);
  --sinch-comp-button-color-subtle-secondary-default-icon-initial: var(--sinch-sys-color-text-default);
  --sinch-comp-button-color-subtle-secondary-default-outline-focus: var(--sinch-sys-color-focus);
  --sinch-comp-button-color-subtle-secondary-default-text-initial: var(--sinch-sys-color-text-default);
  --sinch-comp-button-color-subtle-secondary-disabled-background-initial: var(--sinch-sys-color-surface-transparent-disabled);
  --sinch-comp-button-color-subtle-secondary-disabled-border-initial: var(--sinch-sys-color-basic-transparent);
  --sinch-comp-button-color-subtle-secondary-disabled-icon-initial: var(--sinch-sys-color-text-disabled);
  --sinch-comp-button-color-subtle-secondary-disabled-text-initial: var(--sinch-sys-color-text-disabled);
  --sinch-comp-button-color-subtle-secondary-toggled-background-active: #24242433;
  --sinch-comp-button-color-subtle-secondary-toggled-background-hover: #24242426;
  --sinch-comp-button-color-subtle-secondary-toggled-background-initial: #2424241A;
  --sinch-comp-button-font-size-l-text: var(--sinch-sys-font-body-emphasize);
  --sinch-comp-button-font-size-m-text: var(--sinch-sys-font-body-emphasize);
  --sinch-comp-button-font-size-s-text: var(--sinch-sys-font-body-emphasize-s);
  --sinch-comp-button-font-size-xs-text: var(--sinch-sys-font-body-emphasize-s);
  --sinch-comp-button-shadow-cta-primary-active: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-cta-primary-disabled: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-cta-primary-focus: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-cta-primary-hover: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-cta-primary-initial: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-cta-secondary-active: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-cta-secondary-disabled: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-cta-secondary-focus: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-cta-secondary-hover: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-cta-secondary-initial: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-danger-active: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-danger-disabled: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-danger-focus: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-danger-hover: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-danger-initial: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-primary-active: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-primary-disabled: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-primary-focus: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-primary-hover: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-primary-initial: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-secondary-active: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-secondary-disabled: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-secondary-focus: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-secondary-hover: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-secondary-initial: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-subtle-active: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-subtle-disabled: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-subtle-focus: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-subtle-hover: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shadow-subtle-initial: var(--sinch-ref-shadow-level-0);
  --sinch-comp-button-shape-radius-size-l: var(--sinch-sys-shape-radius-l);
  --sinch-comp-button-shape-radius-size-m: var(--sinch-sys-shape-radius-m);
  --sinch-comp-button-shape-radius-size-s: var(--sinch-sys-shape-radius-s);
  --sinch-comp-button-shape-radius-size-xs: var(--sinch-sys-shape-radius-xs);
  --sinch-comp-button-size-container-l: var(--sinch-sys-size-l);
  --sinch-comp-button-size-container-m: var(--sinch-sys-size-m);
  --sinch-comp-button-size-container-s: var(--sinch-sys-size-s);
  --sinch-comp-button-size-container-xs: var(--sinch-sys-size-xs);
  --sinch-comp-button-size-icon-l: 32px;
  --sinch-comp-button-size-icon-m: 24px;
  --sinch-comp-button-size-icon-s: 24px;
  --sinch-comp-button-size-icon-xs: 16px;
  --sinch-comp-button-spacing-gap-l: 12px;
  --sinch-comp-button-spacing-gap-m: 12px;
  --sinch-comp-button-spacing-gap-s: 12px;
  --sinch-comp-button-spacing-gap-xs: 8px;
  --sinch-comp-button-spacing-icon-only-padding-l: 8px;
  --sinch-comp-button-spacing-icon-only-padding-m: 8px;
  --sinch-comp-button-spacing-icon-only-padding-s: 4px;
  --sinch-comp-button-spacing-icon-only-padding-xs: 4px;
  --sinch-comp-button-spacing-padding-l: 16px;
  --sinch-comp-button-spacing-padding-m: 16px;
  --sinch-comp-button-spacing-padding-s: 16px;
  --sinch-comp-button-spacing-padding-xs: 8px;
}