.btn{border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:.75rem 1.5rem;font-size:1rem}.btn:focus{outline:2px solid transparent;box-shadow:0 0 0 2px var(--color-focus-shadow-button)}.btn--xs{padding:.25rem .5rem;font-size:.75rem}.btn--sm{padding:.5rem 1rem;font-size:.875rem}.btn--md{padding:.75rem 1.5rem;font-size:1rem}.btn--lg{padding:1rem 2rem;font-size:1.125rem}.btn--xl{padding:1.25rem 2.5rem;font-size:1.25rem}.btn--2xl{padding:1.5rem 3rem;font-size:1.5rem}.btn--primary{background-color:var(--color-primary);color:var(--color-text-white)}.btn--primary:hover:not(.btn--disabled){background-color:var(--color-primary-hover)}.btn--primary:active:not(.btn--disabled){background-color:var(--color-primary-active)}.btn--secondary{background-color:var(--color-secondary);color:var(--color-button-secondary-text)}.btn--secondary:hover:not(.btn--disabled){background-color:var(--color-secondary-hover)}.btn--secondary:active:not(.btn--disabled){background-color:var(--color-secondary-active)}.btn--tertiary{background-color:var(--color-tertiary);color:var(--color-text-white)}.btn--tertiary:hover:not(.btn--disabled){background-color:var(--color-tertiary-hover)}.btn--tertiary:active:not(.btn--disabled){background-color:var(--color-tertiary-active)}.btn--danger{background-color:var(--color-danger);color:var(--color-text-white)}.btn--danger:hover:not(.btn--disabled){background-color:var(--color-danger-hover)}.btn--danger:active:not(.btn--disabled){background-color:var(--color-danger-active)}.btn--disabled{background-color:var(--color-disabled-background);color:var(--color-disabled-text);cursor:not-allowed}