.div-submit
{


    text-align: center;

}


.custom-submit
{
 /*   width: 200px;
    height: 50px;
    background-color: orange;
    color: #ffffff;
     /* Bordure transparente par défaut */
     height: 50px;
    border: 3px solid black;
    text-align: center;
    border-radius: 5px;


     margin-top: 20px;

}




/* Styles pour l'état hover */
.custom-submit:hover {
      /* Couleur de fond au survol */
    border-color: green; /* Bordure pink au survol */
}









 /* css  de test  */






.container-custom-button {
    text-align: center; /* Centre les éléments enfants */
}



/* Styles pour l'état hover */
.custom-button:hover {
    background-color: #2980b9; /* Couleur de fond au survol */
    border-color: pink; /* Bordure pink au survol */
}

/* Styles pour l'état actif (lorsque le bouton est enfoncé) */
.custom-button:active {
    background-color: #1f618d; /* Nouvelle couleur de fond lorsqu'il est enfoncé */
    border-color: yellow; /* Bordure yellow lorsqu'il est enfoncé */
}

/* Styles pour l'état focus (lorsqu'il est sélectionné) */
.custom-button:focus {
    outline: none; /* Supprime le contour par défaut */
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5); /* Ajoute une ombre portée lorsqu'il est sélectionné */
    border-color: red; /* Bordure red lorsqu'il est sélectionné */
}

*/


/***********************************************************************************************/
/***********************************************************************************************/
/***********************************************************************************************/
/***********************************************************************************************/
/***********************************************************************************************/




/* Déclaration de la classe custom-button2 */
.custom-button2 {
    /* Propriétés de style pour le bouton */
    width: 150px;
    height: 50px;
    background-color: #9998db;
    color: #ffffff;
    border: 3px;

    border-radius: 5px;
    /* Autres styles personnalisés */
    /* ... */
}
/* Styles pour l'état hover */
.custom-button2:hover {
    background-color: #2980b9; /* Couleur de fond au survol */
    border-color: pink; /* Bordure pink au survol */
}