:root{--color-button-text-light-bg: var(--eggplant-500);--color-button-text-light-bg-hover: var(--vivid-purple-500);--color-button-text-light-bg-active: var(--vivid-purple-500);--color-button-text-light-bg-focused: var(--vivid-purple-500);--color-button-border-light-bg-focused: var(--eggplant-500);--color-button-primary-border-light-bg: var(--eggplant-500);--color-button-primary-background-light-bg: var(--eggplant-500);--color-button-primary-text-light-bg: var(--white-500);--color-button-primary-border-light-bg-hover: var(--vivid-purple-500);--color-button-primary-background-light-bg-hover: var(--vivid-purple-500);--color-button-primary-text-light-bg-hover: var(--white-500);--color-button-primary-border-light-bg-active: var(--vivid-purple-500);--color-button-primary-background-light-bg-active: var(--vivid-purple-500);--color-button-primary-text-light-bg-active: var(--white-500);--color-button-primary-border-light-bg-focused: var(--eggplant-500);--color-button-primary-background-light-bg-focused: var(--vivid-purple-500);--color-button-primary-text-light-bg-focused: var(--white-500);--color-button-secondary-border-light-bg: var(--vivid-purple-100);--color-button-secondary-background-light-bg: var(--vivid-purple-100);--color-button-secondary-text-light-bg: var(--eggplant-500);--color-button-secondary-border-light-bg-hover: var(--vivid-purple-500);--color-button-secondary-background-light-bg-hover: var(--vivid-purple-500);--color-button-secondary-text-light-bg-hover: var(--white-500);--color-button-secondary-border-light-bg-active: var(--vivid-purple-500);--color-button-secondary-background-light-bg-active: var(--vivid-purple-500);--color-button-secondary-text-light-bg-active: var(--white-500);--color-button-secondary-border-light-bg-focused: var(--eggplant-500);--color-button-secondary-background-light-bg-focused: var(--vivid-purple-500);--color-button-secondary-text-light-bg-focused: var(--white-500);--color-button-tertiary-border-light-bg: var(--eggplant-500);--color-button-tertiary-background-light-bg: transparent;--color-button-tertiary-text-light-bg: var(--eggplant-500);--color-button-tertiary-border-light-bg-hover: var(--vivid-purple-500);--color-button-tertiary-background-light-bg-hover: var(--vivid-purple-500);--color-button-tertiary-text-light-bg-hover: var(--white-500);--color-button-tertiary-border-light-bg-active: var(--vivid-purple-500);--color-button-tertiary-background-light-bg-active: var(--vivid-purple-500);--color-button-tertiary-text-light-bg-active: var(--white-500);--color-button-tertiary-border-light-bg-focused: var(--eggplant-500);--color-button-tertiary-background-light-bg-focused: var(--vivid-purple-500);--color-button-tertiary-text-light-bg-focused: var(--white-500);--color-button-text-dark-bg: var(--white-500);--color-button-text-dark-bg-hover: var(--white-500-50);--color-button-text-dark-bg-active: var(--white-500-50);--color-button-text-dark-bg-focused: var(--white-500);--color-button-border-dark-bg-focused: var(--white-500);--color-button-primary-text-dark-bg: var(--eggplant-500);--color-button-primary-background-dark-bg: var(--white-500);--color-button-primary-border-dark-bg: var(--white-500);--color-button-primary-text-dark-bg-hover: var(--white-500);--color-button-primary-background-dark-bg-hover: var(--vivid-purple-500);--color-button-primary-border-dark-bg-hover: var(--vivid-purple);--color-button-primary-text-dark-bg-active: var(--white-500);--color-button-primary-background-dark-bg-active: var(--vivid-purple-500);--color-button-primary-border-dark-bg-active: var(--vivid-purple);--color-button-primary-text-dark-bg-focused: var(--white-500);--color-button-primary-background-dark-bg-focused: var(--vivid-purple-500);--color-button-primary-border-dark-bg-focused: var(--vivid-purple);--color-button-secondary-text-dark-bg: var(--eggplant-500);--color-button-secondary-background-dark-bg: var(--white-500);--color-button-secondary-border-dark-bg: var(--white-500);--color-button-secondary-text-dark-bg-hover: var(--white-500);--color-button-secondary-background-dark-bg-hover: var(--vivid-purple-500);--color-button-secondary-border-dark-bg-hover: var(--vivid-purple);--color-button-secondary-text-dark-bg-active: var(--white-500);--color-button-secondary-background-dark-bg-active: var(--vivid-purple-500);--color-button-secondary-border-dark-bg-active: var(--vivid-purple);--color-button-secondary-text-dark-bg-focused: var(--white-500);--color-button-secondary-background-dark-bg-focused: var(--vivid-purple-500);--color-button-secondary-border-dark-bg-focused: var(--vivid-purple);--color-button-tertiary-text-dark-bg: var(--white-500);--color-button-tertiary-background-dark-bg: transparent;--color-button-tertiary-border-dark-bg: var(--white-500);--color-button-tertiary-text-dark-bg-hover: var(--white-500);--color-button-tertiary-background-dark-bg-hover: var(--vivid-purple-500);--color-button-tertiary-border-dark-bg-hover: var(--vivid-purple);--color-button-tertiary-text-dark-bg-active: var(--white-500);--color-button-tertiary-background-dark-bg-active: var(--vivid-purple-500);--color-button-tertiary-border-dark-bg-active: var(--vivid-purple);--color-button-tertiary-text-dark-bg-focused: var(--white-500);--color-button-tertiary-background-dark-bg-focused: var(--vivid-purple-500);--color-button-tertiary-border-dark-bg-focused: var(--vivid-purple)}.button{outline:none;font-size:var(--font-size-heading-6);line-height:var(--font-line-height-heading-6);justify-content:center;align-items:center;display:inline-flex;color:var(--color-button-text-light-bg);background-color:rgba(0,0,0,0);text-decoration:none;border-width:2px;border-color:rgba(0,0,0,0);border-style:solid;padding:2px;margin:-2px;gap:var(--spacing-2);transition:background-color var(--transition-duration) var(--transition-easing),color var(--transition-duration) var(--transition-easing),border-color var(--transition-duration) var(--transition-easing)}.button:hover{color:var(--color-button-text-light-bg-hover)}.button:active{color:var(--color-button-text-light-bg-active)}.button:focus-visible{color:var(--color-button-text-light-bg-focused);border-color:var(--color-button-border-light-bg-focused)}.dark .button{color:var(--color-button-text-dark-bg)}.dark .button:hover{color:var(--color-button-text-dark-bg-hover)}.dark .button:active{color:var(--color-button-text-dark-bg-active)}.dark .button:focus-visible{color:var(--color-button-text-dark-bg-focused);border-color:var(--color-button-border-dark-bg-focused)}.button--primary{border-radius:var(--border-radius-rnd);border-width:var(--border-button-width);border-style:solid;border-color:var(--color-button-primary-border-light-bg);background-color:var(--color-button-primary-background-light-bg);padding:var(--padding-3) var(--padding-5);color:var(--color-button-primary-text-light-bg);margin:0}.button--primary:hover{color:var(--color-button-primary-text-primary-bg-hover);background-color:var(--color-button-primary-background-light-bg-hover);border-color:var(--color-button-primary-border-light-bg-hover)}.button--primary:active{color:var(--color-button-primary-text-light-bg-active);background-color:var(--color-button-primary-background-light-bg-active);border-color:var(--color-button-primary-border-light-bg-active)}.button--primary:focus-visible{color:var(--color-button-primary-text-light-bg-focused);background-color:var(--color-button-primary-background-light-bg-focused);border-color:var(--color-button-primary-border-light-bg-focused)}.dark .button--primary{border-color:var(--color-button-primary-text-dark-bg);background-color:var(--color-button-primary-background-dark-bg);color:var(--color-button-primary-text-dark-bg)}.dark .button--primary:hover{color:var(--color-button-primary-text-dark-bg-hover);background-color:var(--color-button-primary-background-dark-bg-hover);border-color:var(--color-button-primary-border-dark-bg-hover)}.dark .button--primary:active{color:var(--color-button-primary-text-dark-bg-active);background-color:var(--color-button-primary-background-dark-bg-hover);border-color:var(--color-button-primary-border-light-bg-hover)}.dark .button--primary:focus-visible{border-color:var(--color-button-primary-border-dark-bg-focused);background-color:var(--color-button-primary-background-dark-bg-focused);border-color:var(--color-button-primary-border-light-bg-focused)}.button--secondary{border-radius:var(--border-radius-rnd);border-width:var(--border-button-width);border-style:solid;border-color:var(--color-button-secondary-border-light-bg);color:var(--color-button-secondary-text-light-bg);background-color:var(--color-button-secondary-background-light-bg);border-color:var(--color-button-secondary-border-light-bg);padding:var(--padding-3) var(--padding-5);margin:0}.button--secondary:hover{color:var(--color-button-secondary-text-light-bg-hover);background-color:var(--color-button-secondary-background-light-bg-hover);border-color:var(--color-button-secondary-border-light-bg-hover)}.button--secondary:active{color:var(--color-button-secondary-text-light-bg-active);background-color:var(--color-button-secondary-background-light-bg-active);border-color:var(--color-button-secondary-border-light-bg-active)}.button--secondary:focus-visible{color:var(--color-button-secondary-text-light-bg-focused);background-color:var(--color-button-secondary-background-light-bg-focused);border-color:var(--color-button-secondary-border-light-bg-focused)}.dark .button--secondary{color:var(--color-button-secondary-text-dark-bg)}.dark .button--secondary:hover{color:var(--color-button-secondary-text-dark-bg-hover);background-color:var(--color-button-secondary-background-dark-bg-hover);border-color:var(--color-button-secondary-border-dark-bg-hover)}.dark .button--secondary:active{color:var(--color-button-secondary-text-dark-bg-active);background-color:var(--color-button-secondary-background-dark-bg-hover);border-color:var(--color-button-secondary-border-light-bg-hover)}.dark .button--secondary:focus-visible{border-color:var(--color-button-secondary-border-dark-bg-focused);background-color:var(--color-button-secondary-background-dark-bg-focused);border-color:var(--color-button-secondary-border-dark-bg-focused)}.button--tertiary{border-radius:var(--border-radius-rnd);border-width:var(--border-button-width);border-style:solid;border-color:var(--color-button-tertiary-border-light-bg);color:var(--color-button-tertiary-text-light-bg);background-color:var(--color-button-tertiary-background-light-bg);border-color:var(--color-button-tertiary-border-light-bg);padding:var(--padding-3) var(--padding-5);margin:0}.button--tertiary:hover{color:var(--color-button-tertiary-text-light-bg-hover);background-color:var(--color-button-tertiary-background-light-bg-hover);border-color:var(--color-button-tertiary-border-light-bg-hover)}.button--tertiary:active{color:var(--color-button-tertiary-text-light-bg-active);background-color:var(--color-button-tertiary-background-light-bg-active);border-color:var(--color-button-tertiary-border-light-bg-active)}.button--tertiary:focus-visible{color:var(--color-button-tertiary-text-light-bg-focused);background-color:var(--color-button-tertiary-background-light-bg-focused);border-color:var(--color-button-tertiary-border-light-bg-focused)}.dark .button--tertiary{color:var(--color-button-tertiary-text-dark-bg);background-color:var(--color-button-tertiary-background-dark-bg);border-color:var(--color-button-tertiary-border-dark-bg)}.dark .button--tertiary:hover{color:var(--color-button-tertiary-text-dark-bg-hover);background-color:var(--color-button-tertiary-background-dark-bg-hover);border-color:var(--color-button-tertiary-border-dark-bg-hover)}.dark .button--tertiary:active{color:var(--color-button-tertiary-text-dark-bg-active);background-color:var(--color-button-tertiary-background-dark-bg-hover);border-color:var(--color-button-tertiary-border-light-bg-hover)}.dark .button--tertiary:focus-visible{border-color:var(--color-button-tertiary-border-dark-bg-focused);background-color:var(--color-button-tertiary-background-dark-bg-focused);border-color:var(--color-button-tertiary-border-light-bg-focused)}.button--icon-only{padding:var(--padding-3)}.button__icon{flex-grow:0}