:root {
    --ws-button-border-radius: var(--ws-button-border-radius-medium);
    --ws-button-padding-horizontal: var(--ws-button-padding-horizontal-large);
  }

  ws-button[data-type='primary'] > a,
  ws-contact-form-container ws-button[type='submit'],
  .ws-m-pricing-with-icon article ws-button > a,
  .ws-m-table-with-buttons table td ws-button > a,
  ws-header ws-button[slot='primary-button'] > a {
    --ws-primary-button-background-color: var(--ws-surface-primary-button-1-background-color);
    --ws-primary-button-background-opacity: var(--ws-surface-primary-button-1-background-opacity);
    --ws-primary-button-text-color: var(--ws-surface-primary-button-1-text-color);
    --ws-primary-button-text-color-opacity: var(--ws-surface-primary-button-1-text-color-opacity);
    --ws-primary-button-border-color: var(--ws-surface-primary-button-1-border-color);
    --ws-primary-button-border-opacity: var(--ws-surface-primary-button-1-border-opacity);
    --ws-primary-button-icon-color: var(--ws-surface-primary-button-2-icon-color);
    --ws-primary-button-icon-opacity: var(--ws-surface-primary-button-2-icon-opacity);
    --ws-primary-button-icon-background-color: var(--ws-surface-primary-button-2-icon-background-color);
    --ws-primary-button-icon-background-opacity: var(--ws-surface-primary-button-2-icon-background-opacity);
    --ws-primary-button-hover-background-color: var(--ws-surface-primary-button-1-hover-background-color);
    --ws-primary-button-hover-background-opacity: var(--ws-surface-primary-button-1-hover-background-opacity);
    --ws-primary-button-hover-icon-color: var(--ws-surface-primary-button-2-hover-icon-color);
    --ws-primary-button-hover-icon-opacity: var(--ws-surface-primary-button-2-hover-icon-opacity);
    --ws-primary-button-hover-icon-background-color: var(--ws-surface-primary-button-2-hover-icon-background-color);
    --ws-primary-button-hover-icon-background-opacity: var(--ws-surface-primary-button-2-hover-icon-background-opacity);
    --ws-primary-button-hover-text-color: var(--ws-surface-primary-button-1-hover-text-color);
    --ws-primary-button-hover-text-color-opacity: var(--ws-surface-primary-button-1-hover-text-color-opacity);
    --ws-primary-button-hover-border-color: var(--ws-surface-primary-button-1-hover-border-color);
    --ws-primary-button-hover-border-opacity: var(--ws-surface-primary-button-1-hover-border-opacity);
    --ws-primary-button-active-background-color: var(--ws-surface-primary-button-1-active-background-color);
    --ws-primary-button-active-background-opacity: var(--ws-surface-primary-button-1-active-background-opacity);
    --ws-primary-button-active-icon-color: var(--ws-surface-primary-button-2-active-icon-color);
    --ws-primary-button-active-icon-opacity: var(--ws-surface-primary-button-2-active-icon-opacity);
    --ws-primary-button-active-icon-background-color: var(--ws-surface-primary-button-2-active-icon-background-color);
    --ws-primary-button-active-icon-background-opacity: var(--ws-surface-primary-button-2-active-icon-background-opacity);
    --ws-primary-button-active-text-color: var(--ws-surface-primary-button-1-active-text-color);
    --ws-primary-button-active-text-color-opacity: var(--ws-surface-primary-button-1-active-text-color-opacity);
    --ws-primary-button-active-border-color: var(--ws-surface-primary-button-1-active-border-color);
    --ws-primary-button-active-border-opacity: var(--ws-surface-primary-button-1-active-border-opacity);
    --ws-primary-button-disabled-background-color: var(--ws-surface-primary-button-1-disabled-background-color);
    --ws-primary-button-disabled-background-opacity: var(--ws-surface-primary-button-1-disabled-background-opacity);
    --ws-primary-button-disabled-icon-color: var(--ws-surface-primary-button-2-disabled-icon-color);
    --ws-primary-button-disabled-icon-opacity: var(--ws-surface-primary-button-2-disabled-icon-opacity);
    --ws-primary-button-disabled-icon-background-color: var(--ws-surface-primary-button-2-disabled-icon-background-color);
    --ws-primary-button-disabled-icon-background-opacity: var(--ws-surface-primary-button-2-disabled-icon-background-opacity);
    --ws-primary-button-disabled-text-color: var(--ws-surface-primary-button-1-disabled-text-color);
    --ws-primary-button-disabled-text-color-opacity: var(--ws-surface-primary-button-1-disabled-text-color-opacity);
    --ws-primary-button-disabled-border-color: var(--ws-surface-primary-button-1-disabled-border-color);
    --ws-primary-button-disabled-border-opacity: var(--ws-surface-primary-button-1-disabled-border-opacity);
    --ws-primary-button-icon-content: var(--ws-content-hidden);
    --ws-primary-button-focus-outline-color: var(--ws-surface-focus-outline-color);
    --ws-primary-button-focus-outline-color-opacity: var(--ws-surface-focus-outline-color-opacity)
  }

  ws-button[data-type='secondary'] > a,
  ws-header ws-button[slot='secondary-button'] > a {
    --ws-secondary-button-background-color: var(--ws-surface-secondary-button-1-background-color);
    --ws-secondary-button-background-opacity: var(--ws-surface-secondary-button-1-background-opacity);
    --ws-secondary-button-text-color: var(--ws-surface-secondary-button-1-text-color);
    --ws-secondary-button-text-color-opacity: var(--ws-surface-secondary-button-1-text-color-opacity);
    --ws-secondary-button-border-color: var(--ws-surface-secondary-button-1-border-color);
    --ws-secondary-button-border-opacity: var(--ws-surface-secondary-button-1-border-opacity);
    --ws-secondary-button-hover-background-color: var(--ws-surface-secondary-button-1-hover-background-color);
    --ws-secondary-button-hover-background-opacity: var(--ws-surface-secondary-button-1-hover-background-opacity);
    --ws-secondary-button-hover-text-color: var(--ws-surface-secondary-button-1-hover-text-color);
    --ws-secondary-button-hover-text-color-opacity: var(--ws-surface-secondary-button-1-hover-text-color-opacity);
    --ws-secondary-button-hover-border-color: var(--ws-surface-secondary-button-1-hover-border-color);
    --ws-secondary-button-hover-border-opacity: var(--ws-surface-secondary-button-1-hover-border-opacity);
    --ws-secondary-button-active-background-color: var(--ws-surface-secondary-button-1-active-background-color);
    --ws-secondary-button-active-background-opacity: var(--ws-surface-secondary-button-1-active-background-opacity);
    --ws-secondary-button-active-text-color: var(--ws-surface-secondary-button-1-active-text-color);
    --ws-secondary-button-active-text-color-opacity: var(--ws-surface-secondary-button-1-active-text-color-opacity);
    --ws-secondary-button-active-border-color: var(--ws-surface-secondary-button-1-active-border-color);
    --ws-secondary-button-active-border-opacity: var(--ws-surface-secondary-button-1-active-border-opacity);
    --ws-secondary-button-disabled-background-color: var(--ws-surface-secondary-button-1-disabled-background-color);
    --ws-secondary-button-disabled-background-opacity: var(--ws-surface-secondary-button-1-disabled-background-opacity);
    --ws-secondary-button-disabled-text-color: var(--ws-surface-secondary-button-1-disabled-text-color);
    --ws-secondary-button-disabled-text-color-opacity: var(--ws-surface-secondary-button-1-disabled-text-color-opacity);
    --ws-secondary-button-disabled-border-color: var(--ws-surface-secondary-button-1-disabled-border-color);
    --ws-secondary-button-disabled-border-opacity: var(--ws-surface-secondary-button-1-disabled-border-opacity);
    --ws-secondary-button-focus-outline-color: var(--ws-surface-focus-outline-color);
    --ws-secondary-button-focus-outline-color-opacity: var(--ws-surface-focus-outline-color-opacity)
  }