.button{border-radius:var(--radius-sm);width:fit-content;color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-semibold);justify-content:center;align-items:center;gap:10px;padding:11px 20px;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.button--primary{background-color:var(--primary);color:#fff}.button--primary:hover{background-color:var(--primary-strong);color:#fff}.button--ghost{background-color:var(--bg-raised);border:1px solid var(--line-color);color:var(--text-secondary)}.button--ghost:hover{background-color:var(--bg-hover);color:var(--text)}.button--block{width:100%}