.button{--button-color-background:var(--color-background-primary);--button-color-background-hover:var(--color-background-primary);--button-color-text:var(--color-content-inverse);--button-color-border:transparent;--button-color-border-hover:transparent;--button-color-border-disabled:transparent;--button-color-ring:transparent;--button-ring-width:var(--border-width-1);--button-inner-justify:space-between;--button-inner-gap:var(--space-150);letter-spacing:0;border-radius:var(--radius-1);color:var(--button-color-text);background-color:var(--button-color-background);-webkit-backdrop-filter:var(--button-backdrop-filter,none);backdrop-filter:var(--button-backdrop-filter,none);transition:background-color var(--animation-micro), color var(--animation-micro), backdrop-filter var(--animation-micro), transform var(--animation-press);font-size:0;line-height:normal;display:inline-flex;position:relative}.button:before,.button:after{content:"";border-radius:inherit;pointer-events:none;transition:border-color var(--animation-micro);position:absolute}.button:before{border:var(--border-width-1) solid var(--button-color-border);inset:0}.button:after{inset:var(--space-50);border:var(--button-ring-width) solid var(--button-color-ring)}.button__inner{font-family:var(--font-family-sans-serif);font-size:var(--ui-1-uppercase-font-size);line-height:var(--ui-1-uppercase-line-height);font-weight:var(--ui-1-uppercase-font-weight);letter-spacing:var(--ui-1-uppercase-letter-spacing);text-transform:uppercase;justify-content:var(--button-inner-justify);gap:var(--button-inner-gap);flex:1;display:flex}@media (hover:hover) and (pointer:fine){.button:not([disabled],.button--disabled):hover{--button-color-background:var(--button-color-background-hover);--button-color-border:var(--button-color-border-hover)}}.button:focus-visible{outline:var(--border-width-2) solid var(--color-border-focus);outline-offset:calc(var(--border-width-2) * -1)}.button--small{padding-block:var(--space-150);padding-inline:var(--space-200)}.button--small .button__inner{font-family:var(--font-family-sans-serif);font-size:var(--ui-2-font-size);line-height:var(--ui-2-line-height);font-weight:var(--ui-2-font-weight);letter-spacing:var(--ui-2-letter-spacing);text-transform:uppercase}.button--regular{padding-block:var(--space-200);padding-inline:var(--space-300)}.button--large{padding-block:var(--space-350);padding-inline:var(--space-300)}.button--color-black{--button-color-background:var(--color-background-primary);--button-color-text:var(--color-content-inverse);--button-color-background-hover:var(--color-ui-750);--button-color-background-disabled:var(--color-ui-650);--button-color-text-disabled:var(--color-ui-250)}.button--color-cream-200{--button-color-background:var(--color-cream-200);--button-color-background-hover:var(--color-cream-300);--button-color-text:var(--color-content-default);--button-color-text-disabled:var(--color-ui-650);--button-veil-disabled:linear-gradient(var(--color-shade-20), var(--color-shade-20))}.button--color-cream-200.button--large{--button-color-background-disabled:var(--color-ui-250);--button-veil-disabled:none}.button--color-cream-0{--button-color-background:var(--color-cream-0);--button-color-background-hover:var(--color-cream-200);--button-color-text:var(--color-content-default);--button-color-text-disabled:var(--color-ui-500);--button-veil-disabled:linear-gradient(var(--color-shade-10), var(--color-shade-10));--button-backdrop-filter:blur(var(--blur-15))}.button--color-cream-0.button--large{--button-backdrop-filter:blur(var(--blur-20));--button-color-background-disabled:color-mix(in srgb, var(--color-cream-0) 70%, transparent)}.button--outline{--button-color-border:var(--color-cream-300);--button-color-border-hover:var(--color-cream-500);--button-color-border-disabled:var(--color-ui-500);--button-color-background-hover:var(--color-cream-0);--button-color-text-disabled:var(--color-ui-650);--button-color-background-disabled:transparent;--button-veil-disabled:none;--button-backdrop-filter:none;--button-backdrop-filter-disabled:blur(var(--blur-15))}.button--outline:focus-visible{--button-color-ring:var(--color-border-focus);--button-ring-width:var(--border-width-2);outline:none}.button--disabled,.button[disabled]{--button-color-border:var(--button-color-border-disabled);cursor:not-allowed;color:var(--button-color-text-disabled,var(--button-color-text));background-color:var(--button-color-background-disabled,var(--button-color-background));background-image:var(--button-veil-disabled,none);-webkit-backdrop-filter:var(--button-backdrop-filter-disabled,var(--button-backdrop-filter,none));backdrop-filter:var(--button-backdrop-filter-disabled,var(--button-backdrop-filter,none))}