.btn-exercice {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size:1.2rem;
    background-color: #DAEFEA;
    width:75%;
    margin:auto auto 20px auto;
    padding: 5px;
    border-radius: .25rem;
    box-shadow: 2.5px 2.5px 5px grey;
}

.btn-exercice:hover {
    cursor: pointer;
    background-color: #DAEFEA;
    box-shadow: .5px .5px 5px grey;
}
.btn-exercice.btn-retour{
    width: 120px;
    margin: 50px auto;
    border-radius: 2rem;
    background-color: #354F90;
    color: #DAEFEA;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 1.5rem;
}

.btn-exercice.btn-retour:hover {
    background-color: #283B6C;
    color: #f1f1f1;
}

svg.svg-exercice {
    vertical-align: middle;
    width:2.5rem;
    margin-left: 10px;
    fill:#DAEFEA;
}
.btn-exercice.btn-retour:hover svg.svg-exercice {
    fill:#f1f1f1;
}

@media screen and (min-width: 799px) {
    .btn-exercice {
        font-size:1.5rem;
        width:50%;
        padding: 8px;
    }
  }

.icon-exercice {
    margin: 0 5px 0 5px;
    width: 40px;
    border-radius: .25rem;
}