.button{letter-spacing:0;transition:background-color var(--animation-micro), color var(--animation-micro), border-color var(--animation-micro), transform var(--animation-press);text-transform:var(--settings-button-text-case);border-style:solid;justify-content:center;align-items:center;font-size:0;line-height:normal;display:inline-flex}.button--primary{--button-border-width:var(--settings-button-primary-border-width,0px);background-color:var(--color-neutral-900);color:var(--color-neutral-0);border-color:var(--color-neutral-900);border-width:var(--button-border-width);border-radius:var(--settings-button-primary-border-radius);text-transform:var(--settings-button-primary-text-case)}.button--secondary{--button-border-width:var(--settings-button-secondary-border-width,0px);background-color:var(--color-neutral-0);color:var(--color-neutral-900);border-color:var(--color-neutral-900);border-width:var(--button-border-width);border-radius:var(--settings-button-secondary-border-radius);text-transform:var(--settings-button-secondary-text-case)}.button--blur{background-color:var(--color-neutral-900-16);border-color:var(--color-neutral-900-16);-webkit-backdrop-filter:blur(var(--blur-10));backdrop-filter:blur(var(--blur-10))}@media (hover:hover){.button--blur:not([disabled]):hover:hover{background-color:var(--color-neutral-900);border-color:var(--color-neutral-900)}}.button:active:not([disabled]){transform:scale(.98)}.button__inner{font-family:var(--font-sans-serif);font-size:var(--ui-1-font-size);line-height:var(--ui-1-line-height);font-weight:var(--ui-1-font-weight);letter-spacing:var(--ui-1-letter-spacing);text-transform:uppercase;font-weight:var(--font-weight-medium);text-transform:inherit}.button--medium,.button--large{padding-block:calc(var(--space-300) - var(--button-border-width,0px));padding-inline:calc(var(--space-350) - var(--button-border-width,0px))}.button--small,.button--x-small{padding-block:calc(var(--space-200) - var(--button-border-width,0px));padding-inline:calc(var(--space-300) - var(--button-border-width,0px))}.button--small .button__inner,.button--x-small .button__inner{font-family:var(--font-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;font-weight:var(--font-weight-medium);text-transform:inherit}.button--disabled,.button[disabled]{cursor:not-allowed;opacity:.8}