.vesta-button { height: var(--vesta-btn-h); border-radius: 14px; border:1px solid transparent; display:inline-flex; align-items:center; gap:8px; justify-content:center; padding:0 16px; cursor:pointer; font-weight:700; font-size:13px; transition:transform .18s ease, box-shadow .18s ease, background .18s ease; }
.vesta-button:hover{transform:translateY(-1px)}
.vesta-button--primary { background: linear-gradient(135deg,#5B6CFF,#7C3AED); color:#fff; box-shadow:0 16px 30px rgba(91,108,255,.22); }
.vesta-button--secondary { background:rgba(255,255,255,.9); color:var(--vesta-text); border-color:var(--vesta-border); box-shadow:0 10px 25px rgba(16,24,40,.04); }
.vesta-button--block { width:100%; }
.vesta-icon-button { width:40px; height:40px; border-radius:14px; border:1px solid var(--vesta-border); background:rgba(255,255,255,.9); display:grid; place-items:center; cursor:pointer; box-shadow:0 10px 25px rgba(16,24,40,.04); }
.vesta-user-chip { display:flex; align-items:center; gap:10px; padding:6px 10px 6px 6px; background:rgba(255,255,255,.9); border:1px solid var(--vesta-border); border-radius:999px; box-shadow:0 10px 25px rgba(16,24,40,.04); }
.vesta-user-chip__avatar { width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg,#111827,#475467); color:#fff; display:grid; place-items:center; font-size:12px; font-weight: var(--vesta-fw-title); }
.vesta-button .vesta-icon,.vesta-icon-button .vesta-icon{flex:0 0 auto;}
.vesta-button:focus-visible,.vesta-icon-button:focus-visible,.vesta-chip-button:focus-visible,.vesta-text-button:focus-visible,.vesta-dock-pill:focus-visible{outline:none;box-shadow:var(--vesta-focus-ring)}.vesta-button--ghost{background:transparent;color:var(--vesta-text-2);border-color:var(--vesta-border)}.vesta-button--danger{background:#FEF3F2;color:#B42318;border-color:#FECDCA}.vesta-icon-button:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(16,24,40,.07)}