/* Style de base de la liste */
.btn-list {
    list-style: none;        /* Supprime les puces */
    padding: 0;
    margin: 0;
  }
  
  .btn-list li {
    margin: 0.5rem 0;        /* Espacement entre les boutons */
  }
  
  /* Style des liens sous forme de boutons */
  .btn-list li a {
    display: inline-flex;            /* Aligne texte et icône */
    align-items: center;
    justify-content: space-between;  /* Sépare texte et flèche */
    padding: 0.75rem 1rem;
    text-decoration: none;
    font-weight: bold;
    background-color: #1e40af;       /* Bleu bouton */
    color: white;
    border-radius: 8px;
    transition: background 0.3s ease;
  }
  
  /* Icône flèche avec pseudo-élément */
  .btn-list li a::after {
    content: "→";                    /* Flèche */
    margin-left: 0.5rem;
    font-size: 1.2em;
    transition: transform 0.3s ease;
  }
  
  /* Effet hover */
  .btn-list li a:hover {
    background-color: #1e40af;       /* Bleu plus foncé */
  }
  
  .btn-list li a:hover::after {
    transform: translateX(4px);      /* La flèche bouge à droite */
  }