as-button{display:contents}.button-el{align-items:center;border-radius:var(--as-border-radius-pill);cursor:pointer;display:inline-flex;font-family:var(--as-font-bold);font-size:var(--as-font-size-m);font-weight:600;gap:var(--as-space-s);justify-content:center;padding:var(--as-space-s) var(--as-space-l);text-decoration:none;transition:background var(--as-time-xs) ease,color var(--as-time-xs) ease,border-color var(--as-time-xs) ease;white-space:nowrap}.button-el:disabled{cursor:not-allowed;opacity:.6}.button-el--solid{background:var(--as-color-background-button);border:var(--as-size-thin) solid transparent;box-shadow:0 var(--as-space-xs) var(--as-space-l) rgb(from var(--as-color-background-button) r g b/.35);color:var(--as-color-text-button)}.button-el--solid:focus-visible,.button-el--solid:hover{background:var(--as-color-background-button-strong)}.button-el--ghost{background:transparent;border:var(--as-size-thin) solid var(--as-color-border-panel);color:var(--as-color-text)}.button-el--ghost:focus-visible,.button-el--ghost:hover{background:var(--as-color-background-panel)}.button-el--ghost-inverted{background:transparent;border:var(--as-size-thin) solid rgb(from var(--as-color-text-inverted) r g b/.4);color:var(--as-color-text-inverted)}.button-el--ghost-inverted:focus-visible,.button-el--ghost-inverted:hover{background:rgb(from var(--as-color-text-inverted) r g b/.1)}.button-el:active,.button-el:focus,.button-el:hover{border-radius:var(--as-border-radius-pill)}.button-el--solid:active,.button-el--solid:focus,.button-el--solid:hover{border-color:transparent;color:var(--as-color-text-button)}.button-el--ghost:active,.button-el--ghost:focus,.button-el--ghost:hover{border-color:var(--as-color-border-panel);color:var(--as-color-text)}.button-el--ghost-inverted:active,.button-el--ghost-inverted:focus,.button-el--ghost-inverted:hover{border-color:rgb(from var(--as-color-text-inverted) r g b/.4);color:var(--as-color-text-inverted)}