.parallelogram-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #fff; /* Fond blanc au survol */
    color: #084d04; /* Texte vert foncé au survol */
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 8px; /* Coins légèrement arrondis */
    border: 2px solid #084d04; /* Bordure de la même couleur que le fond */
    margin-top: 10px;
    transition: all 0.3s ease; /* Transition pour effet de hover */
    float: left; /* Aligner le bouton à droite */
    text-align: center;
}

.parallelogram-button:hover {
    background-color: #fff; /* Fond blanc au survol */
    color: #084d04; /* Texte vert foncé au survol */
    border-color: #084d04; /* Bordure reste vert foncé */
}