/* Button Preset Styles for Mifugo Digital */

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

/* Primary Button Styles */
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-background-color);
  --ws-primary-button-background-opacity: var(--ws-surface-primary-button-background-opacity);
  --ws-primary-button-text-color: var(--ws-surface-primary-button-text-color);
  --ws-primary-button-text-color-opacity: var(--ws-surface-primary-button-text-color-opacity);
  --ws-primary-button-border-color: var(--ws-surface-primary-button-border-color);
  --ws-primary-button-border-opacity: var(--ws-surface-primary-button-border-opacity);
  --ws-primary-button-hover-background-color: var(--ws-surface-primary-button-hover-background-color);
  --ws-primary-button-hover-background-opacity: var(--ws-surface-primary-button-hover-background-opacity);
  --ws-primary-button-hover-text-color: var(--ws-surface-primary-button-hover-text-color);
  --ws-primary-button-hover-text-color-opacity: var(--ws-surface-primary-button-hover-text-color-opacity);
  --ws-primary-button-hover-border-color: var(--ws-surface-primary-button-hover-border-color);
  --ws-primary-button-hover-border-opacity: var(--ws-surface-primary-button-hover-border-opacity);
  --ws-primary-button-active-background-color: var(--ws-surface-primary-button-active-background-color);
  --ws-primary-button-active-background-opacity: var(--ws-surface-primary-button-active-background-opacity);
  --ws-primary-button-active-text-color: var(--ws-surface-primary-button-active-text-color);
  --ws-primary-button-active-text-color-opacity: var(--ws-surface-primary-button-active-text-color-opacity);
  --ws-primary-button-active-border-color: var(--ws-surface-primary-button-active-border-color);
  --ws-primary-button-active-border-opacity: var(--ws-surface-primary-button-active-border-opacity);
  --ws-primary-button-disabled-background-color: var(--ws-surface-primary-button-disabled-background-color);
  --ws-primary-button-disabled-background-opacity: var(--ws-surface-primary-button-disabled-background-opacity);
  --ws-primary-button-disabled-text-color: var(--ws-surface-primary-button-disabled-text-color);
  --ws-primary-button-disabled-text-color-opacity: var(--ws-surface-primary-button-disabled-text-color-opacity);
  --ws-primary-button-disabled-border-color: var(--ws-surface-primary-button-disabled-border-color);
  --ws-primary-button-disabled-border-opacity: var(--ws-surface-primary-button-disabled-border-opacity);
  --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);
}

/* Secondary Button Styles */
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);
}