.button{--background-color-primary: var(--color-primary-500);--text-color-primary: var(--color-white);--background-color-hover-primary: var(--color-primary-100);--text-color-hover-primary: var(--color-primary-500);--icon-color-primary: var(--color-white);--icon-color-hover-primary: var(--color-primary-500);--min-width-button-icon: var(--spacing-6);--background-color-secondary: var(--color-gray-50);--text-color-secondary: var(--color-gray-700);--border-secondary: solid 1px var(--color-gray-300);--background-color-hover-secondary: var(--color-gray-200);--icon-color-secondary: var(--color-gray-700);--text-color-disabled: var(--color-gray-500);--background-color-disabled: var(--color-gray-200);--icon-color-disabled: var(--color-gray-500);--icon-only-color-hover: var(--color-primary-300);--size-icon-only-button: var(--spacing-8);--radius-icon-only: var(--radius-circle);--background-color-icon-only: var(--color-primary-50);--font-weight: var(--font-semi);--height: var(--spacing-10);--size-icon: var(--spacing-6);--line-height-reset-icon: 0;--radius: var(--radius-md);--padding-regular: var(--spacing-2) var(--spacing-4);--padding-wide: var(--spacing-2) var(--spacing-8);--transform-button-text: var(--adjust-centered-text);--margin-icon-button-text: var(--spacing-2)}.button{height:var(--height);display:flex;align-items:center;border-radius:var(--radius);white-space:nowrap;padding:var(--padding-regular);font-weight:var(--font-weight)}.primary{background-color:var(--background-color-primary);color:var(--text-color-primary)}.primary:hover{background-color:var(--background-color-hover-primary);color:var(--text-color-hover-primary)}.secondary{background-color:var(--background-color-secondary);color:var(--text-color-secondary);border:var(--border-secondary)}.secondary:hover{background-color:var(--background-color-hover-secondary)}.link-button{text-decoration:none}.wide{padding:var(--padding-wide)}.button:not([disabled]):hover{cursor:pointer}.button[disabled]{background-color:var(--background-color-disabled);color:var(--text-color-disabled)}.button .text{transform:var(--transform-button-text)}.button .icon{min-width:var(--min-width-button-icon);line-height:0}.button .icon+.text{margin-left:var(--margin-icon-button-text)}.primary .icon-stroke{stroke:var(--icon-color-primary)}.primary:hover .icon-stroke{stroke:var(--icon-color-hover-primary)}.secondary .icon-stroke{stroke:var(--icon-color-secondary)}.button[disabled] .icon-stroke{stroke:var(--icon-color-disabled)}.icon-only{background-color:var(--background-color-icon-only);border-radius:var(--radius-icon-only);width:var(--size-icon-only-button);height:var(--size-icon-only-button);display:flex;justify-content:center;align-items:center}.icon-only:hover{background-color:var(--background-color-icon-only)}.icon-only .icon-stroke{stroke:var(--icon-color-hover-primary)}.icon-only:hover .icon-stroke{stroke:var(--icon-only-color-hover)}