html{--btn-primary-bg:var(--color-red-300);--btn-primary-bg-hover:var(--color-red-400);--btn-primary-bg-disabled:var(--color-grey-300);--btn-primary-color:var(--color-white);--btn-primary-color-hover:var(--color-white);--btn-primary-color-focus:var(--color-black);--btn-primary-color-disabled:var(--color-grey-400);--btn-primary-outline-focus:var(--btn-outline-width-focus) solid var(--color-black);--btn-secondary-bg:var(--color-grey-100);--btn-secondary-bg-hover:var(--color-grey-200);--btn-secondary-bg-disabled:var(--color-grey-300);--btn-secondary-color:var(--color-dark-600);--btn-secondary-color-hover:var(--color-dark-600);--btn-secondary-color-focus:var(--color-red-300);--btn-secondary-color-disabled:var(--color-grey-400);--btn-secondary-outline-focus:var(--btn-outline-width-focus) solid var(--color-red-300);--btn-tertiary-bg:var(--color-white);--btn-tertiary-color:var(--color-dark-600);--btn-tertiary-color-hover:var(--color-red-300);--btn-tertiary-bg-disabled:var(--color-grey-300);--btn-tertiary-color-disabled:var(--color-grey-400);--btn-tertiary-padding:var(--spacing-small) var(--spacing-normal);--btn-tertiary-padding-small:var(--spacing-small) var(--spacing-medium);--btn-tertiary-line-hight:var(--line-height_10);--btn-tertiary-icon-gap:var(--spacing-xs);--btn-outline-bg:var(--color-white);--btn-outline-bg-hover:var(--color-white);--btn-outline-bg-disabled:var(--color-white);--btn-outline-color:var(--color-black);--btn-outline-border:var(--btn-border-width) solid var(--btn-outline-color);--btn-outline-color-hover:var(--color-red-300);--btn-outline-border-hover:var(--btn-border-width) solid var(--btn-outline-color-hover);--btn-outline-color-disabled:var(--color-grey-400);--btn-outline-border-disabled:var(--btn-border-width) solid var(--btn-outline-color-disabled);--btn-outline-color-focus:var(--color-red-300);--btn-outline-focus:var(--btn-outline-width-focus) solid var(--color-red-300);--btn-outline-width-focus:.188rem;--btn-custom-bg:none;--btn-custom-bg-hover:none;--btn-custom-color:none;--btn-custom-border:none;--btn-custom-color-hover:none;--btn-custom-border-hover:none;--btn-custom-color-disabled:none;--btn-custom-disabled:none;--btn-custom-padding:0;--btn-border-width:.0625rem;--btn-primary-padding:var(--spacing-normal) var(--spacing-xl);--btn-secondary-padding:var(--spacing-small) var(--spacing-xl);--btn-outline-padding:var(--spacing-small) var(--spacing-xl);--btn-small-padding:var(--spacing-small) var(--spacing-xl);--btn-medium-padding:var(--spacing-medium) var(--spacing-xl);--btn-large-padding:var(--spacing-normal) var(--spacing-xl);--btn-border-radius:62.5rem;--btn-border:0;--btn-font-size:.875rem;--btn-font-size-small:var(--btn-font-size);--btn-font-size-medium:var(--btn-font-size);--btn-font-size-large:1rem;--btn-small-font-size-icon-only:1rem;--btn-medium-font-size-icon-only:1rem;--btn-large-font-size-icon-only:1.25rem;--btn-font-weight:500;--btn-small-line-height:var(--line-height_-10);--btn-medium-line-height:var(--line-height_-10);--btn-large-line-height:var(--line-height_0);--btn-small-icon-only:2rem;--btn-medium-icon-only:2.5rem;--btn-large-icon-only:3.5rem;--btn-border-radius-icon-only:50%;--btn-transition:color .3s ease-out,background-color .3s ease-out}.btn{align-items:center;background:none;border:var(--btn-border);border-radius:var(--btn-border-radius);cursor:pointer;display:inline-flex;flex-wrap:nowrap;font-family:inherit;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);justify-content:center;line-height:var(--btn-large-line-height);padding:var(--btn-small-padding);position:relative;text-align:center;text-decoration:none;transition:var(--btn-transition)}.btn.btn--disabled{cursor:not-allowed}.btn--primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-color);font-size:var(--btn-font-size-medium);line-height:var(--btn-medium-line-height);padding:var(--btn-medium-padding)}.btn--primary:not(.btn--disabled):active,.btn--primary:not(.btn--disabled):focus-visible,.btn--primary:not(.btn--disabled):hover{background-color:var(--btn-primary-bg-hover);color:var(--btn-primary-color-hover)}.btn--primary.btn--disabled{background-color:var(--btn-primary-bg-disabled);color:var(--btn-primary-color-disabled)}.btn--secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-color);font-size:var(--btn-font-size-medium);line-height:var(--btn-medium-line-height);padding:var(--btn-medium-padding)}.btn--secondary:not(.btn--disabled):active,.btn--secondary:not(.btn--disabled):focus-visible,.btn--secondary:not(.btn--disabled):hover{background-color:var(--btn-secondary-bg-hover);color:var(--btn-secondary-color-hover)}.btn--secondary.btn--disabled{background-color:var(--btn-secondary-bg-disabled);color:var(--btn-secondary-color-disabled)}.btn--tertiary{background-color:var(--btn-tertiary-bg);color:var(--btn-tertiary-color);font-size:var(--btn-font-size-medium);line-height:var(--btn-tertiary-line-hight);padding:var(--btn-tertiary-padding)}.btn--tertiary:not(.btn--disabled):active,.btn--tertiary:not(.btn--disabled):focus-visible,.btn--tertiary:not(.btn--disabled):hover{color:var(--btn-tertiary-color-hover)}.btn--tertiary.btn--disabled{background-color:var(--btn-tertiary-bg-disabled);color:var(--btn-tertiary-color-disabled)}.btn--outline{background-color:var(--btn-outline-bg);border:var(--btn-outline-border);color:var(--btn-outline-color);font-size:var(--btn-font-size-medium);line-height:var(--btn-medium-line-height);padding:var(--btn-medium-padding)}.btn--outline:not(.btn--disabled):active,.btn--outline:not(.btn--disabled):focus-visible,.btn--outline:not(.btn--disabled):hover{border:var(--btn-outline-border-hover);color:var(--btn-outline-color-hover)}.btn--outline.btn--disabled{background-color:var(--btn-outline-bg-disabled);border:var(--btn-outline-border-disabled);color:var(--btn-outline-color-disabled)}.btn--custom{background-color:var(--btn-custom-bg);border:var(--btn-custom-border);color:var(--btn-custom-color);font-size:var(--btn-font-size-medium);line-height:var(--btn-medium-line-height);padding:var(--btn-custom-padding)}.btn--custom:not(.btn--disabled):active,.btn--custom:not(.btn--disabled):focus-visible,.btn--custom:not(.btn--disabled):hover{background-color:var(--btn-custom-bg-hover);border:var(--btn-custom-border-hover);color:var(--btn-custom-color-hover)}.btn--custom.btn--disabled{background-color:var(--btn-custom-bg-disabled);border:var(--btn-custom-disabled);color:var(--btn-custom-color-disabled)}.btn--small{font-size:var(--btn-font-size-small);line-height:var(--btn-small-line-height);padding:var(--btn-small-padding)}.btn--large{font-size:var(--btn-font-size-large);line-height:var(--btn-large-line-height);padding:var(--btn-large-padding)}.btn--icon{gap:var(--spacing-small)}.btn--icon svg{display:flex}.btn--icon-only{border-radius:var(--btn-border-radius-icon-only);padding:0}.btn--small.btn--tertiary{padding:var(--btn-tertiary-padding-small)}.btn--icon.btn--tertiary{gap:var(--btn-tertiary-icon-gap)}.btn--small.btn--icon-only{font-size:var(--btn-small-font-size-icon-only)}.btn--small.btn--icon-only:not(.btn--custom){height:var(--btn-small-icon-only);width:var(--btn-small-icon-only)}.btn--medium.btn--icon-only{font-size:var(--btn-medium-font-size-icon-only)}.btn--medium.btn--icon-only:not(.btn--custom){height:var(--btn-medium-icon-only);width:var(--btn-medium-icon-only)}.btn--large.btn--icon-only{font-size:var(--btn-large-font-size-icon-only)}.btn--large.btn--icon-only:not(.btn--custom){height:var(--btn-large-icon-only);width:var(--btn-large-icon-only)}.btn--icon-left .btn__content{order:1}.btn--full-width{width:100%}