.rando-rating {
    border-radius: 10px;
    padding: 10px;
    margin-top : 20px;
}
.rando-rating h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.1em!important;
    font-style: italic;
    font-weight: bold;
}
.rating-stars {
    font-size: 36px;
    line-height: 1;
    margin-bottom: 20px;
}

.rando-rating p {
    margin: 8px 0;
}
.star {
    color : #999;
    cursor: pointer;
    transition: color 0.2s;
}
.star.hover {
    color: orange;
}
.star.active {
    color: orange;
}
.rando-comment-form {
    display: none;
}
.rando-comment-form.is-visible {
    display: block;   
}
.rando-comments-list {
    display: none;
}

.rando-comments-list.is-visible {
    display: block;
}
.comments-section {
    margin-left: 2em;
}

.rando-comment-form  {
    margin:  0;
}
label {
    font-weight: 800;
}
.label p {
    margin-top: 1em;
}
.rando-comment-author {
    font-weight: bold;
}
.rando-comment-content {
    font-style: italic;
}
.rando-comment-form input[type="text"] {
    width: 8rem!important;
    max-width: 100%;
    display: inline-block;
    box-sizing: border-box;
}

.rando-comment-form textarea {
    width: 13rem!important;
    max-width: 100%;
    box-sizing: border-box;
}
.button-envoi {
    width: 23rem;
    display: flex;
    justify-content: center;
}