.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;   
    width: 30em;
}
.rando-comments-list {
    display: none;
}

.rando-comments-list.is-visible {
    display: block;
}
.comments-section {
    margin-left: 5em;
}
button {
    margin-left: 1em;
}
textarea {
    margin-top: 2em;
    width: 30em;
    height: 3em;
 }
.rando-comment-form  {
    margin: 1.5em 0;
}
label {
    font-weight: 800;
}
.label p {
    margin-top: 1em;
}
.labfirstname {
    margin-left: 2em;
}
.rando-comment-submit {
    display: block;
    margin: 10px auto 0;
}
.rando-comment-author {
    font-weight: bold;
}
.rando-comment-content {
    font-style: italic;
}