/* Mission 27, point 3 — boutons moins « grossiers » : principal 44 px / texte 15 px / icône 16 px trait fin / rayon 12 / rembourrage 16. Planche AVANT / APRÈS : captures-mission27/planche-boutons.png. */
:root { --btn-h: 44px; --btn-r: 12px; --btn-px: 16px; }
.btn, .btn-face, .btn-main, .btn-alt, .vbtn, .pl-talk, .vstop { height: var(--btn-h); min-height: var(--btn-h); border-radius: var(--btn-r); padding: 0 var(--btn-px); font-size: 15px; font-weight: 500; gap: 7px; }
.btn svg.i, .btn-face svg, .btn-main svg, .vbtn svg, .pl-talk svg, .vstop svg { width: 16px; height: 16px; stroke-width: 1.5; }
.btn-main .dur { font-size: 14px; }
/* secondaires : contour fin ; zone tactile ≥ 44 px conservée (la hauteur est déjà de 44) */
.btn, .btn-alt, .vbtn, .pl-talk { border-width: 1px; }
/* libellé court = bouton à la largeur de son contenu, centré (jamais pleine largeur) */
.btns { justify-content: center; }
.btns .btn { flex: 0 1 auto; }
/* Les écrans Lead / Matin / Mail à valider gardent les boutons de leurs maquettes validées (48 px). */