.button{justify-content:center;align-items:center;gap:var(--space-grid-gap);min-inline-size:var(--size-touch-min);border-radius:var(--radius-pill);max-inline-size:100%;color:var(--color-text);cursor:pointer;text-align:center;white-space:normal;overflow-wrap:break-word;background:0 0;border:0;padding:0;display:inline-flex}.button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.button--primary{inline-size:100%;min-block-size:var(--size-button-primary-block);background:var(--color-primary);box-shadow:var(--shadow-primary-button);color:var(--color-on-primary);font:var(--type-button);padding-inline:22px}.button--secondary{inline-size:100%;min-block-size:var(--size-button-compact-block);border:1px solid var(--button-secondary-outline);font:var(--type-button-compact);padding-inline:20px}.button--text{inline-size:fit-content;min-block-size:var(--size-touch-min);font:var(--type-action-link);text-align:start;-webkit-text-decoration:underline var(--action-link-underline-thickness) solid var(--action-link-underline-color);text-decoration:underline var(--action-link-underline-thickness) solid var(--action-link-underline-color);text-underline-offset:5px;align-self:flex-start}.button--destructive{inline-size:100%;min-block-size:var(--size-button-compact-block);box-shadow:inset 0 0 0 1.5px var(--color-text);font:var(--type-button-compact);padding-inline:20px}.button--primary.button--compact,.button--secondary.button--compact{min-block-size:var(--size-button-compact-block);font:var(--type-button-compact);padding-inline:14px}.button:disabled{background:var(--progress-track);box-shadow:none;color:var(--color-text-secondary);cursor:not-allowed}.button-leading-icon{flex:none;display:inline-flex}.button-destructive-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:0 0 18px;block-size:18px;inline-size:18px}.button-label{min-inline-size:0;max-inline-size:100%}