.vesta-button { height: var(--vesta-btn-h); border-radius: var(--vesta-radius-sm); border:1px solid transparent; display:inline-flex; align-items:center; gap:8px; justify-content:center; padding:0 16px; cursor:pointer; font-weight:600; }
.vesta-button--primary { background: var(--vesta-accent); color:#fff; }
.vesta-button--secondary { background:#fff; color:var(--vesta-text); border-color:var(--vesta-border); }
.vesta-button--block { width:100%; }
.vesta-icon-button { width:40px; height:40px; border-radius:12px; border:1px solid var(--vesta-border); background:#fff; display:grid; place-items:center; cursor:pointer; }
.vesta-user-chip { display:flex; align-items:center; gap:10px; padding:6px 10px 6px 6px; background:#fff; border:1px solid var(--vesta-border); border-radius:999px; }
.vesta-user-chip__avatar { width:28px; height:28px; border-radius:50%; background:var(--vesta-sidebar-bg); color:#fff; display:grid; place-items:center; font-size:12px; font-weight:700; }

.vesta-button .vesta-icon,.vesta-icon-button .vesta-icon{flex:0 0 auto;}