/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
    --comp-button-space-action-padding-lg: 15px 28px 15px 28px;
    --comp-button-space-action-padding-md: 11px 24px 11px 24px;
    --comp-button-space-action-padding-sm: 7px 20px 7px 20px;
    --comp-button-space-action-elements: 12px;
    --comp-button-icon-size-action-width-lg: 18px;
    --comp-button-icon-size-action-width-md: 14px;
    --comp-button-icon-size-action-width-sm: 14px;
    --comp-button-icon-size-action-height-lg: 18px;
    --comp-button-icon-size-action-height-md: 16px;
    --comp-button-icon-size-action-height-sm: 16px;
    --comp-button-color-action-bg-primary-default: #52297e;
    --comp-button-color-action-bg-primary-hover: #7e3799;
    --comp-button-color-action-bg-primary-disabled: #d9d9d9;
    --comp-button-color-action-bg-secondary-default: #ffffff;
    --comp-button-color-action-bg-secondary-hover: #ffffff;
    --comp-button-color-action-bg-secondary-disabled: #ffffff;
    --comp-button-color-action-fg-primary-default: #ffffff;
    --comp-button-color-action-fg-primary-hover: #ffffff;
    --comp-button-color-action-fg-primary-disabled: #9d9d9d;
    --comp-button-color-action-fg-text-only-default: #000000;
    --comp-button-color-action-fg-text-only-hover: #555555;
    --comp-button-color-action-fg-text-only-disabled: #9d9d9d;
    --comp-button-color-action-fg-secondary-default: #52297e;
    --comp-button-color-action-fg-secondary-hover: #8f3ea2;
    --comp-button-color-action-fg-secondary-disabled: #9d9d9d;
    --comp-button-style-action-border-radius: 3px;
    --comp-button-style-action-border-primary-default: 1px solid #52297E;
    --comp-button-style-action-border-primary-hover: 1px solid #7E3799;
    --comp-button-style-action-border-text-only-default: 2px solid #000000;
    --comp-button-style-action-border-text-only-hover: 2px solid #555555;
    --comp-button-style-action-border-text-only-disabled: 2px solid #9D9D9D;
    --comp-button-style-action-border-disabled-default: 1px solid #D9D9D9;
    --comp-button-style-action-border-disabled-darker: 1px solid #9D9D9D;
    --comp-button-style-action-border-secondary-default: 1px solid #52297E;
    --comp-button-style-action-border-secondary-hover: 1px solid #8F3EA2;
    --comp-button-style-action-border-focused-default: 1px solid #0A6DC8;
    --comp-button-style-action-border-focused-alt: 1px solid #1690ED;
    --comp-button-text-action-typog-lg: 700 18px/23px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
    --comp-button-text-action-typog-md: 700 16px/21px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
    --comp-button-text-action-typog-sm: 700 14px/19px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
    --comp-button-letter-spacing: 0.01em;
}