#droite_page_mes_conseils{
    
    width : 55%;
    text-align: left ;
    
    font-size: 1.5vw;
    
    padding-left : 3%;
    padding-right : 3%;
    
    display : flex;
    flex-direction: column;
    align-items: left;
    

}



.link_conseil{
    background-color: white;
    height: 3vw;
    width: auto ;

    border: 2px solid var(--bordeau); /* Bordure même couleur que le fond */
    
    display: flex;
    flex-direction: row;
    
    justify-content: center;
    align-items: center;
    
    color: black;
    
    font-size: 1.4vw;
    margin-top: 2vw;
    
    cursor: pointer;

    /* Transition smooth pour tous les changements */
    transition: all 0.3s ease-in-out;
}

.link_conseil:hover{
    background: var(--bordeau);
    color: white;
    border-color: var(--bordeau); /* Garde la bordure bordeaux */
}




@media (max-width: 768px){
    
    #droite_page_mes_conseils{
        
        width : 90%;
        text-align: center ;
        
        font-size: 3vw;
        
        padding-left : 5%;
        padding-right : 5%;
        
        align-items: center;
        
        padding-bottom: 5vh;
        
    
    }
    
    
    .link_conseil{

    height: 5vw;
    padding : 1vw;
    width: auto ;
    padding-left : 3vw;
    padding-right : 3vw;

    

    font-size: 3vw;
    margin-top: 4vw;
    
}
    


}