#review_container{
  width: 30%;
  background: #1a1a1a; 
  align-content: center;
  text-align: center;
  padding: 2.1875rem 0 0 0;
}
.review-contents{
  width:80%;
}

.star-rating,
.star-rating-score {
  display: flex;
  justify-content: center;
  margin-bottom: 0.625rem;
  flex-direction: row-reverse;
}
#review-form{
  background: #2f2f2f;
  margin: 0.9375rem auto 1.25rem auto;
  padding: 0.625rem 1.875rem;
  border-radius: 0.4375rem;
  width: min-content; 
}
#rating-score{
  font-size: 2.5rem;
  font-weight: bold;
}
#no-rating-score{
  margin-top: 1.25rem;
  font-size: 1.25rem;
  font-weight: bold;
}
#review-text{
  font-weight: 500;
  color: #ddd;
}
.review-login-button{
  background: #6e4f6f;
  margin: 0.9375rem auto;
  width: fit-content;
  padding: 0.9375rem 1.5625rem;
  border-radius: 0.4375rem;
  font-weight: bold;
}
.review-login-button:hover{
  background:#816c82;
}
.review-login-section{
  display: flex;
  justify-content: space-between;
  background: #2f2f2f;
  width: 90%;
  padding: 0.625rem 2.5rem;
  margin: 1.5625rem auto 0.9375rem auto;
  border-radius: 0.4375rem;
  max-width: 25rem;
}

.star-rating button,
.score-star {
  background: none;
  border: none;
  font-size: 2.5rem; 
  color: #ddd;
  padding: 0;
  margin: 0 0.3125rem;
  transition: color 0.2s ease;
}
.star-rating button{
  cursor: pointer;
}
.score-star.starcolor {
  color: #ffd674;  
}

.star-rating button:hover,
.star-rating button:hover ~ button{
  color: #ffb400 !important;
}

.star-rating button.selected {
  color: #ffb400;  
}

.star-rating button:active {
  color: #ffb400;  
}

.star-rating button:focus {
  outline: none;
}

.star-rating button:focus {
  color: #ffb400;
}