.reviews {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 0;
  border: 1px solid #bbb;
  border-radius: 20px;
  width: 800px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.reviews .info {
  color: #e7d18f;
  font-weight: 700;
  margin: 10px 0 10px;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4), 0 8px 13px rgba(0, 0, 0, 0.1), 0 18px 23px rgba(0, 0, 0, 0.1);
}
.reviews .btn {
  margin: 0;
}
.reviews .star-rating {
  display: flex;
  align-items: center;
  font-size: 40px;
  justify-content: center;
}
.reviews .star-rating .back-stars {
  display: flex;
  color: #bbb;
  position: relative;
  text-shadow: 2px 2px 10px #bbb;
}
.reviews .star-rating .back-stars i {
  margin: 0 5px;
}
.reviews .star-rating .back-stars .front-stars {
  display: flex;
  color: #FFBC0B;
  overflow: hidden;
  position: absolute;
  text-shadow: 2px 2px 5px #d29b09;
  top: 0;
  transition: all 0.5s;
}

#addReviewForm .rating {
  direction: rtl;
  unicode-bidi: bidi-override;
  color: #ddd;
  display: flex;
}
#addReviewForm .rating input {
  display: none;
}
#addReviewForm label {
  cursor: pointer;
}
#addReviewForm .rating label:hover,
#addReviewForm .rating label:hover ~ label,
#addReviewForm .rating input:checked + label,
#addReviewForm .rating input:checked + label ~ label {
  color: #ffc107;
}
#addReviewForm i {
  font-size: 50px;
}
@media (max-width: 600px) { 
  .reviews {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
/*# sourceMappingURL=style.css.map */