.wds-Button {
  --Button-background: var(
    --color-sentiment-interactive-primary,
    var(--color-interactive-accent)
  );
  --Button-background-hover: var(
    --color-sentiment-interactive-primary-hover,
    var(--color-interactive-accent-hover)
  );
  --Button-background-active: var(
    --color-sentiment-interactive-primary-active,
    var(--color-interactive-accent-active)
  );
  --Button-color: var(
    --color-sentiment-interactive-control,
    var(--color-interactive-control)
  );
  --Button-color-hover: var(
    --color-sentiment-interactive-control-hover,
    var(--color-interactive-control-hover)
  );
  --Button-color-active: var(
    --color-sentiment-interactive-control-active,
    var(--color-interactive-control-active)
  );
  --Button-border-radius: var(--radius-full);
  --Button-label-gap: var(--size-4);

  --Button-large-padding: var(--size-12) var(--size-16);
  --Button-medium-padding: var(--size-8) var(--size-12);
  --Button-small-padding: var(--size-5) var(--size-12);

  --Button-avatar-border-color: var(--color-border-neutral);
  --Button-transition-duration: 150ms;
  --Button-transition-easing: ease-in-out;

  --Button-secondary-background: var(
    --color-sentiment-interactive-secondary-neutral,
    var(--color-interactive-neutral)
  );
  --Button-secondary-background-hover: var(
    --color-sentiment-interactive-secondary-neutral-hover,
    var(--color-interactive-neutral-hover)
  );
  --Button-secondary-background-active: var(
    --color-sentiment-interactive-secondary-neutral-active,
    var(--color-interactive-neutral-active)
  );
  --Button-secondary-color: var(
    --color-sentiment-content-primary,
    var(--color-interactive-primary)
  );
  --Button-secondary-color-hover: var(
    --color-sentiment-content-primary-hover,
    var(--color-interactive-primary-hover)
  );
  --Button-secondary-color-active: var(
    --color-sentiment-content-primary-active,
    var(--color-interactive-primary-active)
  );

  --Button-secondary-neutral-background: var(
    --color-sentiment-interactive-secondary-neutral,
    var(--color-background-neutral)
  );
  --Button-secondary-neutral-background-hover: var(
    --color-sentiment-interactive-secondary-neutral-hover,
    var(--color-background-neutral-hover)
  );
  --Button-secondary-neutral-background-active: var(
    --color-sentiment-interactive-secondary-neutral-active,
    var(--color-background-neutral-active)
  );
  --Button-secondary-neutral-color: var(
    --color-sentiment-content-primary,
    var(--color-content-primary)
  );

  --Button-tertiary-background: transparent;
  --Button-tertiary-background-hover: var(
    --color-sentiment-interactive-secondary-neutral,
    var(--color-background-screen-hover)
  );
  --Button-tertiary-background-active: var(
    --color-sentiment-interactive-secondary-neutral-hover,
    var(--color-background-screen-active)
  );
  --Button-tertiary-color: var(
    --color-sentiment-content-primary,
    var(--color-interactive-primary)
  );
  --Button-tertiary-color-hover: var(
    --color-sentiment-content-primary-hover,
    var(--color-interactive-primary-hover)
  );
  --Button-tertiary-color-active: var(
    --color-sentiment-content-primary-active,
    var(--color-interactive-primary-active)
  );

  --Button-primary-negative-background: var(--color-sentiment-negative-primary);
  --Button-primary-negative-background-hover: var(--color-sentiment-negative-primary-hover);
  --Button-primary-negative-background-active: var(--color-sentiment-negative-primary-active);
  --Button-primary-negative-color: var(--color-contrast-overlay);

  --Button-secondary-negative-background: var(--color-sentiment-negative-secondary);
  --Button-secondary-negative-background-hover: var(--color-sentiment-negative-secondary-hover);
  --Button-secondary-negative-background-active: var(--color-sentiment-negative-secondary-active);
  --Button-secondary-negative-color: var(--color-sentiment-negative-primary);
  --Button-secondary-negative-color-hover: var(--color-sentiment-negative-primary-hover);
  --Button-secondary-negative-color-active: var(--color-sentiment-negative-primary-active);

  .np-theme-personal--bright-green & {
    --Button-primary-negative-color: var(--color-white);
    --Button-secondary-negative-color: var(--color-white);
  }
}