.button{align-items:var(--button-align-items,center);background:var(--button-bg);border-color:var(--button-border-color);border-radius:var(--button-radius,0);border-style:var(--button-border-style,solid);border-width:var(--button-border-width,var(--stroke-weight-light));box-shadow:var(--button-box-shadow,none);color:var(--button-text);cursor:pointer;display:var(--button-display,inline-flex);font-family:var(--button-font-family,var(--font-display));font-size:var(--button-font-size,var(--size-step--3));font-weight:var(--button-font-weight,var(--font-bold));gap:var(--button-gap,var(--space-2xs));justify-content:var(--button-justify-content,center);letter-spacing:var(--button-kerning,var(--kerning));line-height:var(--button-line-height,var(--leading-slim));padding:var(--button-padding,var(--space-xs,.8em) var(--space-m,2em));text-decoration:none;text-transform:var(--button-text-transform,uppercase)}.button svg{color:var(--button-svg-color,currentColor);height:var(--button-svg-height,1.75ex);width:auto}.button:hover svg{color:var(--button-hover-svg-color,currentColor)}.button span{text-box:var(--global-style-text-box-trim)}.button[data-button-variant=primary]{--button-bg:var(--button-primary-bg,var(--color-primary));--button-text:var(--button-primary-text,var(--color-dark));--button-border-color:var(--button-primary-border-color,var(--color-primary))}.button[data-button-variant=primary]:hover:not([aria-selected=true]){--button-bg:var(--button-primary-bg-hover,var(--color-primary-glare));--button-text:var(--button-primary-text-hover,var(--color-dark));--button-border-color:var(--button-primary-border-color-hover,var(--color-primary))}.button[data-button-variant=dark]{--button-bg:var(--button-dark-bg,var(--color-dark));--button-text:var(--button-dark-text,var(--color-light));--button-border-color:var(--button-dark-border-color,var(--color-dark));--button-svg-color:var(--button-dark-text);--focus-ring-color:var(--button-dark-bg)}.button[data-button-variant=dark]:hover:not([aria-selected=true]){--button-bg:var(--button-dark-hover-bg,transparent);--button-text:var(--button-dark-hover-text,var(--color-dark));--button-border-color:var(--button-dark-hover-border-color,var(--color-dark))}.button[data-button-variant=light]{--button-bg:var(--button-light-bg,var(--color-light));--button-text:var(--button-light-text,var(--color-dark));--button-border-color:var(--button-light-border-color,var(--color-light));--focus-ring-color:var(--button-light-bg,var(--color-light))}.button[data-button-variant=light]:hover:not([aria-selected=true]){--button-bg:var(--button-light-bg-hover,transparent);--button-text:var(--button-light-text-hover,var(--color-light));--button-border-color:var(--button-light-border-color-hover,var(--color-light))}.button[data-button-variant=ghost-dark]{--button-bg:var(--button-ghost-dark-bg,transparent);--button-text:var(--button-ghost-dark-text,var(--color-dark));--button-border-color:var(--button-ghost-dark-border-color,var(--color-dark))}.button[data-button-variant=ghost-dark]:hover:not([aria-selected=true]){--button-bg:var(--button-ghost-dark-bg-hover,var(--color-dark));--button-text:var(--button-ghost-dark-text-hover,var(--color-light));--button-border-color:var(--button-ghost-dark-border-color-hover,var(--color-dark))}.button[data-button-variant=ghost-light]{--button-bg:var(--button-ghost-light-bg,transparent);--button-text:var(--button-ghost-light-text,var(--color-light));--button-border-color:var(--button-ghost-light-border-color,var(--color-light))}.button[data-button-variant=ghost-light]:hover:not([aria-selected=true]){--button-bg:var(--button-ghost-light-bg-hover,var(--color-light));--button-text:var(--button-ghost-light-text-hover,var(--color-dark));--button-border-color:var(--button-ghost-light-border-color-hover,var(--color-light))}.button[data-button-variant=ghost-primary]{--button-bg:var(--button-ghost-primary-bg,transparent);--button-text:var(--button-ghost-primary-text,var(--color-primary));--button-border-color:var(--button-ghost-primary-border-color,var(--color-primary))}.button[data-button-variant=ghost-primary]:hover:not([aria-selected=true]){--button-bg:var(--button-ghost-primary-bg-hover,var(--color-primary-glare));--button-text:var(--button-ghost-primary-text-hover,var(--color-dark));--button-border-color:var(--button-ghost-primary-border-color-hover,var(--color-primary))}