/* General */

button, a.btn {
    padding: 10px 20px; /* Espacement intérieur */
    background-color: #002857; /* Couleur de fond */
    color: white; /* Couleur du texte */
    border: none; /* Pas de bordure */
    border-radius: 5px; /* Coins arrondis */
    cursor: pointer; /* Curseur en forme de main */
    text-decoration: none; /* Supprimer le soulignement par défaut des liens */
    display: inline-block; /* Permet l'application du padding et aligne correctement le lien */
}

button:hover, a.btn:hover {
    background-color: #0056b3; /* Couleur de fond au survol */
}

button:disabled {
    background-color: #cccccc !important; /* Couleur de fond pour un bouton désactivé */
    color: #666666 !important;; /* Couleur du texte pour un bouton désactivé */
    cursor: not-allowed !important;; /* Change le curseur pour indiquer que le bouton est désactivé */
}

button:disabled:hover {
    background-color: #cccccc !important;; /* Maintient la couleur de fond pour le survol d'un bouton désactivé */
}


/* Animations */

@keyframes grow {
    0%, 100% { transform: scale(1); }
    100% { transform: scale(1.2); }
}

@keyframes shrink {
    0% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.animate-grow {
    animation: grow 250ms ease-in-out forwards;
}

.animate-shrink {
    animation: shrink 250ms ease-in-out forwards;
    color: red;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.animate-fade-in {
    animation: fadeIn 250ms ease-in-out;
}