/* =====================================================
   MAXIME DUFLOT — Composants Boutons
   ===================================================== */

/* Lien souligné avec flèche glissante */
.btn-link {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 18px;
  color: var(--ink);
  border-bottom: 1px solid var(--ink);
  padding-bottom: 6px;
  transition: gap 0.4s;
}
.btn-link:hover { gap: 22px; }

/* Pilule avec bordure */
.btn-round {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 17px;
  color: var(--ink);
  border: 1px solid rgba(28, 24, 20, 0.28);
  border-radius: 100px;
  padding: 14px 28px;
  transition: background 0.3s, border-color 0.3s, color 0.3s, gap 0.4s;
}
.btn-round:hover {
  background: var(--ink);
  color: var(--paper);
  border-color: var(--ink);
  gap: 20px;
}

/* Pilule pleine */
.btn-filled {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 18px;
  padding: 20px 40px;
  background: var(--ink);
  color: var(--paper);
  border-radius: 100px;
  transition: gap 0.4s, transform 0.4s;
}
.btn-filled:hover { gap: 22px; transform: translateY(-2px); }

/* Variante claire — sur fonds sombres */
.btn-filled.btn-light {
  background: var(--paper);
  color: var(--ink);
}
.btn-filled.btn-light:hover { background: var(--paper-soft); }