:root{--button-background-color:var(--color-purple-700);--button-text-color:var(--color-neutral-white);--button-icon-color:var(--color-neutral-white);--button-outline-color:#7c72ba26}.button{box-sizing:border-box;border:var(--spacing-px) solid #0000;border-radius:var(--border-radius-xl);appearance:none;cursor:pointer;width:100%;font-family:var(--font-family);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;gap:var(--spacing-2);line-height:var(--spacing-7);transition:var(--transition);background-color:var(--button-background-color);color:var(--button-text-color);text-decoration:none;display:flex}.button:not(.button--ghost){padding:var(--spacing-1-half) var(--spacing-6)}@media not (max-width:48rem){.button{width:auto;display:inline-flex}}.button:focus-visible{outline:.25rem solid var(--button-outline-color)}.button[disabled]{cursor:not-allowed;opacity:.5}.button.button--block{justify-content:center;width:100%;display:flex}.button.button--xs{font-size:var(--font-size-xs);gap:var(--spacing-1-half);line-height:1.375rem}.button.button--xs:not(.button--ghost){padding:var(--spacing-2) var(--spacing-4)}.button.button--sm{font-size:var(--font-size-xs);line-height:1.375rem}.button.button--sm:not(.button--ghost){padding:var(--spacing-2-half) var(--spacing-5)}.button.button--md{font-size:var(--font-size-base);line-height:1.625rem}.button.button--md:not(.button--ghost){padding:var(--spacing-2-half) var(--spacing-7)}.button.button--lg{font-size:var(--font-size-l);line-height:1.5rem}.button.button--lg:not(.button--ghost){padding:var(--spacing-3) var(--spacing-8)}.button.button--lowercase{text-transform:lowercase}.button--ellipsis{overflow:hidden}.button--ellipsis .button__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button__icon{width:var(--spacing-4);height:var(--spacing-4);color:var(--button-icon-color);stroke-width:.15rem;transition:var(--transition);flex-shrink:0}.button--lg .button__icon{width:var(--spacing-5);height:var(--spacing-5)}.button.button--navigation.button--primary .button__icon,.button.button--navigation.button--secondary .button__icon,.button.button--navigation.button--ghost .button__icon{width:var(--spacing-6);height:var(--spacing-6);color:var(--color-neutral-white-a80)}@media not (max-width:64rem){.button.button--navigation.button--primary .button__icon,.button.button--navigation.button--secondary .button__icon,.button.button--navigation.button--ghost .button__icon{width:var(--spacing-5);height:var(--spacing-5);color:var(--color-neutral-white-a60)}}.button--green.button--primary{--button-background-color:var(--color-primary-700)}.button--green.button--primary:not([disabled]):hover,.button--green.button--primary:not([disabled]):active{--button-background-color:var(--color-primary-800)}.button--green.button--secondary{--button-background-color:var(--color-primary-50);--button-text-color:var(--color-primary-700);--button-icon-color:var(--color-primary-600)}.button--green.button--secondary:not([disabled]):hover,.button--green.button--secondary:not([disabled]):active{--button-background-color:var(--color-primary-100);--button-text-color:var(--color-primary-800);--button-icon-color:var(--color-primary-700)}.button--green.button--ghost{--button-background-color:transparent;--button-text-color:var(--color-primary-700);--button-icon-color:var(--color-primary-600)}.button--green.button--ghost:not([disabled]):hover,.button--green.button--ghost:not([disabled]):active{--button-text-color:var(--color-primary-900);--button-icon-color:var(--color-primary-900)}.button--purple.button--primary{--button-background-color:var(--color-purple-700)}.button--purple.button--primary:not([disabled]):hover,.button--purple.button--primary:not([disabled]):active{--button-background-color:var(--color-purple-900)}.button--purple.button--secondary{--button-background-color:var(--color-purple-a10);--button-text-color:var(--color-purple-700);--button-icon-color:var(--color-purple-600)}.button--purple.button--secondary:not([disabled]):hover,.button--purple.button--secondary:not([disabled]):active{--button-background-color:var(--color-purple-a25);--button-text-color:var(--color-purple-800);--button-icon-color:var(--color-purple-700)}.button--purple.button--ghost{--button-background-color:transparent;--button-text-color:var(--color-purple-700);--button-icon-color:var(--color-purple-600)}.button--purple.button--ghost:not([disabled]):hover,.button--purple.button--ghost:not([disabled]):active{--button-text-color:var(--color-purple-900);--button-icon-color:var(--color-purple-900)}.button--destructive.button--primary{--button-background-color:var(--color-red-600)}.button--destructive.button--primary:not([disabled]):hover,.button--destructive.button--primary:not([disabled]):active{--button-background-color:var(--color-red-700)}.button--destructive.button--secondary{--button-background-color:var(--color-red-50);--button-text-color:var(--color-red-700);--button-icon-color:var(--color-red-600)}.button--destructive.button--secondary:not([disabled]):hover,.button--destructive.button--secondary:not([disabled]):active{--button-background-color:var(--color-red-100);--button-text-color:var(--color-red-800);--button-icon-color:var(--color-red-700)}.button--destructive.button--ghost{--button-background-color:transparent;--button-text-color:var(--color-red-600);--button-icon-color:var(--color-red-400)}.button--destructive.button--ghost:not([disabled]):hover,.button--destructive.button--ghost:not([disabled]):active{--button-text-color:var(--color-red-900);--button-icon-color:var(--color-red-900)}.button.button--white.button--primary,.button.button--white.button--secondary,.button.button--white.button--ghost{--button-background-color:var(--color-neutral-white);--button-text-color:var(--color-primary-800);--button-icon-color:var(--color-primary-700)}.button.button--white.button--primary:not([disabled]):hover,.button.button--white.button--primary:not([disabled]):active,.button.button--white.button--secondary:not([disabled]):hover,.button.button--white.button--secondary:not([disabled]):active,.button.button--white.button--ghost:not([disabled]):hover,.button.button--white.button--ghost:not([disabled]):active{--button-background-color:var(--color-off-white)}.button.button--navigation.button--primary,.button.button--navigation.button--secondary,.button.button--navigation.button--ghost{padding:var(--spacing-2);background-color:var(--color-transparent);color:var(--color-off-white-dark);font-size:var(--font-size-s);border:none}@media not (max-width:64rem){.button.button--navigation.button--primary,.button.button--navigation.button--secondary,.button.button--navigation.button--ghost{border:var(--spacing-half) solid var(--color-neutral-white-a40);padding-inline:var(--spacing-4)}}@media not (max-width:90rem){.button.button--navigation.button--primary,.button.button--navigation.button--secondary,.button.button--navigation.button--ghost{font-size:var(--font-size-m);gap:var(--spacing-2)}}.button.button--navigation.button--primary .button__label,.button.button--navigation.button--secondary .button__label,.button.button--navigation.button--ghost .button__label{display:none}@media not (max-width:64rem){.button.button--navigation.button--primary .button__label,.button.button--navigation.button--secondary .button__label,.button.button--navigation.button--ghost .button__label{display:inline-block}.button.button--navigation.button--primary:hover,.button.button--navigation.button--secondary:hover,.button.button--navigation.button--ghost:hover{background-color:var(--color-off-white);color:var(--color-primary)}.button.button--navigation.button--primary:hover .button__icon,.button.button--navigation.button--secondary:hover .button__icon,.button.button--navigation.button--ghost:hover .button__icon{color:var(--color-primary)}}.button.button--navigation.button--primary:focus-visible,.button.button--navigation.button--secondary:focus-visible,.button.button--navigation.button--ghost:focus-visible{outline:var(--outline-light);outline-offset:var(--outline-offset)}
.button-group{gap:var(--spacing-2);width:100%;display:flex}