/* Les deux boutons qui ouvrent une photo : l'appareil, ou un fichier.
 *
 * Ils vivaient en TROIS copies — Adopte, la fiche, la page « photographier » —
 * et les trois avaient divergé : bleu plein d'un côté, papier et encre des deux
 * autres, avec trois tailles de texte. Le bleu était le plus faux : dans le
 * système, il désigne ce qui appartient au visiteur, et le coquelicot appelle
 * l'action. Ces deux-là n'appellent rien, ils ouvrent un sélecteur — c'est la
 * livrée de papier qui leur revient, celle de ce qui propose sans engager. Le
 * seul appel de ce formulaire est « Envoyer ».
 *
 * Chargée par les deux familles de feuilles : elle n'écrit que des jetons que
 * les deux palettes déclarent.
 */
.prise { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.prise button {
  /* À LA TAILLE DE LEUR MOT. Étalés sur toute la largeur, ils avaient l'air du
     geste de la page ; ils ne font qu'ouvrir un sélecteur de fichiers. */
  flex: 0 0 auto; cursor: pointer;
  display: inline-flex; align-items: center; gap: 7px;
  font-family: var(--font-body); font-weight: 700; font-size: 13px;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--color-text); background: var(--color-surface);
  border: var(--rule-light); border-radius: 999px; padding: 11px 16px;
}
.prise button svg { width: 17px; height: 17px; display: block; flex: none; }
@media (hover: hover) and (pointer: fine) {
  .prise button:hover { background: color-mix(in srgb, var(--color-text) 8%, transparent); }
}
.prise button:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.prise button[hidden] { display: none; }