body {
    margin:5px unset;
    }
        
 html {
    font-family: 'Trebuchet MS';
    }

    .button-li {
        display: block; /* Afficher comme un bloc pour appliquer la largeur et la hauteur */
        padding: 10px 20px; /* Ajouter un espacement autour du texte */
        background-color: #ffffff; /* Couleur de fond */
        color: rgb(0, 0, 0); /* Couleur du texte */
        text-align: center;
        border: 2px solid black;
        border-radius: 5px; 
        cursor: grabbing; /* Curseur de la souris */
        width: fit-content; /* Largeur du bouton */ /* Hauteur du bouton */
        line-height: 25px; /* Centrage vertical du texte */
        text-transform: unset;
        transition: background-color 0.1s ease; /* Transition fluide pour les changements */
        }
.button-li a {
    text-decoration: none;
    }
/* Effet de survol */
.button-li:hover:hover {
    background-color: #d862ff; /* Changement de couleur de fond au survol */
    }