.button{justify-content:center;align-items:center;gap:var(--space-10);height:var(--button-height);padding:0 var(--space-18);border:var(--border-width) solid transparent;border-radius:var(--radius-panel);font-family:var(--font-body);font-size:var(--text-button-size);line-height:var(--text-button-line);font-weight:var(--text-button-weight);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;appearance:none;text-decoration:none;display:inline-flex}.button--sm{height:var(--button-height-sm);padding:0 var(--space-12);font-size:var(--text-label-size)}.button--primary{background:var(--color-silver);border-color:var(--color-silver);color:var(--color-on-silver)}.button--secondary{border-color:var(--color-line-strong);color:var(--color-silver);font-weight:var(--text-button-secondary-weight);background:0 0}.button--full{width:100%;display:flex}@media (hover:hover){.button--primary:not(.is-disabled,.is-loading):hover{opacity:.88}.button--secondary:not(.is-disabled,.is-loading):hover{border-color:var(--color-silver)}}.button.is-disabled{opacity:.4;cursor:not-allowed}.button.is-loading{cursor:progress}.button__label{text-overflow:ellipsis;min-width:0;overflow:hidden}.button__spinner{flex:none;animation:.9s linear infinite button-spin}@keyframes button-spin{to{transform:rotate(360deg)}}