/**
 * @file
 * Bouton d'accès à la page d'inscription, dans le pied de page.
 *
 * Le pied de page est sombre (#181818) : un bouton seulement contourné s'y
 * remarquait trop peu, d'où un aplat blanc à texte noir, qui porte aussi le
 * meilleur contraste possible sur ce fond.
 */

.mailjet-subscription-link {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border: 1px solid #fff;
  border-radius: 0.1875rem;
  background-color: #fff;
  color: #181818;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.mailjet-subscription-link:hover,
.mailjet-subscription-link:focus {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
  color: #181818;
  text-decoration: none;
}

/* Le focus doit rester visible au clavier (RGAA 10.7) : sur un bouton déjà
   blanc, le liseré clair ne se verrait pas, on le prend sombre et décalé. */
.mailjet-subscription-link:focus-visible {
  outline: 2px solid #181818;
  outline-offset: 2px;
}