.feedback-btn{color:white;border:none;border-radius:5px;padding:10px 15px;cursor:pointer;margin-right:10px;position:relative;transition:background-color 0.3s;width:100%}.feedback-btn.yes{background-color:#28a745}.feedback-btn.no{background-color:#dc3545}.feedback-btn:hover{background-color:#0056b3}.feedback-comments-section{background-color:#ccc;border:1px solid white;border-radius:10px;padding:15px;margin:15px 0;margin-left:20%;box-shadow:0 2px 5px rgba(0,0,0,0.1);width:80%}.feedback-comments-section h4{font-size:calc(0.75rem + .3vw)}.feedback-comment{padding:10px 0;position:relative}.feedback-comment + .feedback-comment{border-top:1px solid white}.feedback-comment p{margin:0}.feedback-comment-input{width:100%;height:100px;border-radius:5px;border:1px solid #ccc;padding:10px;box-sizing:border-box;resize:none}.feedback-submit-comment{background-color:#8f938f;color:white;border:none;border-radius:5px;padding:10px 15px;cursor:pointer;margin-top:10px;transition:background-color 0.3s}.feedback-submit-comment:hover{background-color:#595a59}.feedback-thank-you-message{background-color:rgba(0,128,0,0.8);color:white;border-radius:5px;padding:10px;margin-top:10px;text-align:center;display:block;color:white}@media (max-width:600px){.feedback{padding:10px}.feedback-submit-comment{width:100%;margin:5px 0}}

.feedback-thank-you-message {
    background-color: rgba(0, 128, 0, 0.8); /* Fond vert avec transparence */
    color: white; /* Couleur du texte */
    border-radius: 5px; /* Bordures arrondies */
    padding: 10px; /* Espacement interne */
    margin-top: 10px; /* Marge au-dessus du message */
    text-align: center; /* Centre le texte */
    display: block; /* S'assurer qu'il s'affiche correctement */
    max-width: 100%; /* S'assurer qu'il ne dépasse pas la largeur du conteneur */
}

@media (min-width: 768px) { /* Pour les écrans moyens et plus grands */
    .feedback-thank-you-message {
        width: 66.66%; /* Utiliser 2/3 de la largeur sur grands écrans */
        margin: 0 auto; /* Centrer horizontalement */
    }
}

@media (max-width: 767px) { /* Pour les écrans petits (téléphones) */
    .feedback-thank-you-message {
        width: 100%; /* Occupe toute la largeur sur petits écrans */
        margin: 0 auto; /* Centrer horizontalement */
    }
}