/* Le bouton des pages Django. Une seule forme, quatre variantes.

   Il vivait dans `ud-profil.css`, que seules les pages de profil chargent :
   toute autre page qui posait la classe n'obtenait qu'un lien nu. */

.ud-bouton {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .45rem .85rem;
  border-radius: var(--ud-radius-sm);
  border: 1px solid var(--ud-border-strong);
  background: var(--ud-surface-raised);
  color: var(--ud-text);
  font: inherit;
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  text-decoration: none;
  transition: background-color .15s ease, border-color .15s ease;
}

.ud-bouton:hover { background: var(--ud-surface); border-color: var(--ud-accent); }
.ud-bouton:focus-visible { outline: 2px solid var(--ud-accent); outline-offset: 2px; }

.ud-bouton--principal {
  background: var(--ud-accent);
  border-color: var(--ud-accent);
  color: var(--ud-on-color);
}
.ud-bouton--principal:hover { filter: brightness(1.08); background: var(--ud-accent); }

.ud-bouton--danger {
  background: var(--ud-danger);
  border-color: var(--ud-danger);
  color: var(--ud-on-color);
}
.ud-bouton--danger:hover { filter: brightness(1.08); background: var(--ud-danger); }

.ud-bouton--discret {
  background: transparent;
  border-color: transparent;
  color: var(--ud-text-muted);
  padding-inline: .4rem;
}