.button--primary{--b-c: var(--color-primary, #0b5fcc);--b-on: var(--color-on-primary, #ffffff)}.button--secondary{--b-c: var(--color-secondary, #334155);--b-on: var(--color-on-secondary, #ffffff)}:where(.button){gap:0.5em}:where(.button__icon){width:1em;height:1em;flex:none}.button.button--look-fill,.button.button--look-shade,.button.button--look-bevel,.button.button--look-gloss{border-color:transparent;background-color:var(--b-c);color:var(--b-on)}.button.button--look-fill:hover,.button.button--look-shade:hover,.button.button--look-bevel:hover,.button.button--look-gloss:hover{background-color:color-mix(in srgb,var(--b-c) 86%,#000);color:var(--b-on)}.button.button--look-shade{background-image:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,0.12) 50%)}.button.button--look-gloss{background-image:linear-gradient(to bottom,rgba(255,255,255,0.22) 50%,transparent 50%)}.button.button--look-bevel{box-shadow:inset 0 -3px 0 rgba(0,0,0,0.22)}.button.button--look-bevel:active{box-shadow:inset 0 -1px 0 rgba(0,0,0,0.22);translate:0 2px}.button.button--look-outline{border-width:2px;border-style:solid;border-color:var(--b-c);background-color:transparent;color:var(--b-c)}.button.button--look-outline:hover{background-color:var(--b-c);color:var(--b-on)}.button.button--look-link,.button.button--look-underline{min-height:0;padding-inline:0.15em;border-color:transparent;background-color:transparent;color:var(--b-c)}.button.button--look-link:hover{background-color:transparent;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em}.button.button--look-underline{position:relative}.button.button--look-underline:hover{background-color:transparent}.button.button--look-underline::before{content:"";position:absolute;bottom:0;left:20%;width:60%;height:2px;background-color:currentColor;opacity:0.35}.button.button--look-underline:hover::before,.button.button--look-underline:focus-visible::before{left:0;width:100%;opacity:1}:where(.button--label){cursor:default;pointer-events:none}:where(.button--reveal) :where(.button__icon){width:0;margin-inline:-0.25em;opacity:0}:where(.button--reveal:hover,.button--reveal:focus-visible) :where(.button__icon){width:1em;margin-inline:0;opacity:1}@media(prefers-reduced-motion:no-preference){:where(.button--reveal) :where(.button__icon){transition:width 0.2s ease,margin 0.2s ease,opacity 0.2s ease}.button.button--look-underline::before{transition:left 0.2s ease,width 0.2s ease,opacity 0.2s ease}}:where(.b-buttons){display:flex;flex-wrap:wrap;align-items:center;justify-content:var(--sig-justify, flex-start);gap:var(--space-s, 1rem);margin-inline:var(--sig-mi-start, 0) var(--sig-mi-end, 0)}:where(.b-buttons)>:where(*){flex:var(--b-fill, 0 1 auto);min-width:0;margin-block:0}:where(.b-buttons)>:where(.b-button)>:where(.button){flex-grow:1}