/* Boutons « Écouter » (src/ui/audio.js). Uniquement les variables de site/src/styles/tokens.css. */

.ecoute { display: flex; flex-wrap: wrap; gap: var(--e-2); margin-block-start: var(--e-2); }
.ecouter {
  display: inline-flex; align-items: center; gap: var(--e-2); min-height: var(--cible-min); padding: 0 var(--e-4);
  border: 1px solid var(--c-trait-champ); border-radius: var(--rayon-pilule); background: var(--c-carte);
  color: var(--c-texte); font: inherit; font-size: var(--t-petit); font-weight: 700; cursor: pointer;
}
.ecouter:hover { border-color: var(--c-action); }
.ecouter[aria-pressed="true"] { background: var(--c-texte); color: var(--c-fond); border-color: var(--c-texte); }
.reglage-audio { display: flex; flex-direction: column; gap: var(--e-1); }