/* =========================================
   SOLDAT DU JOUR
   ========================================= */

.soldat-du-jour {
    background:#f7f3ea;
    border:1px solid #c9b99a;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 4px 12px rgba(0,0,0,.12);
}


/* =========================================
   EN-TÊTE
   ========================================= */

.soldat-du-jour-header {
    background:#6786a1;
    color:#ffffff;
    padding:15px;
    text-align:center;
    font-size:22px;
    font-weight:bold;
}


/* =========================================
   CONTENU
   ========================================= */

.soldat-du-jour-contenu {
    padding:25px;
    text-align:center;
}


/* =========================================
   NOM
   ========================================= */

.soldat-du-jour .nom {
    color:#3f566b;
    font-size:28px;
    font-weight:bold;
}


/* =========================================
   BOUTON
   ========================================= */

.soldat-du-jour a {
    display:inline-block;

    margin-top:20px;

    background:#6786a1 !important;

    padding:12px 25px;

    border-radius:4px;

    border:1px solid #3f566b !important;

    text-decoration:none !important;

    font-size:0 !important;

    line-height:normal !important;

    opacity:1 !important;

    visibility:visible !important;
}


/*
   On masque uniquement le texte original
   et on redessine le texte nous-mêmes.
*/

.soldat-du-jour a::after {

    content:"Découvrir sa fiche →";

    display:inline-block;

    color:#ffffff !important;

    -webkit-text-fill-color:#ffffff !important;

    font-size:16px !important;

    font-family:inherit;

    font-weight:bold;

    line-height:normal;

    text-decoration:none;

    opacity:1 !important;

    visibility:visible !important;
}


/* =========================================
   SURVOL
   ========================================= */

.soldat-du-jour a:hover {

    background:#3f566b !important;

}


.soldat-du-jour a:hover::after {

    color:#ffffff !important;

    -webkit-text-fill-color:#ffffff !important;

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width:700px) {

    /*
     * Aucun changement de dimension,
     * de position ou de disposition du bouton.
     */

    .soldat-du-jour a::after {

        font-size:16px !important;

    }

}