/*
 * Boutons & liens — Le Poids des Mots
 */

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--sans);font-size:14.5px;font-weight:500;padding:12px 22px;border-radius:2px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .18s,color .18s,border-color .18s;white-space:nowrap}
.btn-plein{background:var(--encre);color:var(--papier)}
.btn-plein:hover{background:var(--peche-fonce)}
.btn-ligne{border-color:var(--filet-fort);color:var(--encre)}
.btn-ligne:hover{border-color:var(--encre);background:var(--surface)}
.btn-petit{padding:9px 17px;font-size:13.5px}

.lien-fleche{text-decoration:none;color:var(--encre);font-size:15px;border-bottom:1px solid var(--peche);padding-bottom:2px;display:inline-flex;gap:.45em;align-items:baseline}
.lien-fleche:hover{border-bottom-color:var(--encre)}