.symbol {
  display: inline-block;
  border-radius: 50%;
  border: 5px double white; 
}

.symbol-empty {
  background-color: #ccc;
}

.symbol-filled {
  background-color: var(--secondary-s1);
}
.fa-star {
    color: var(--secondary-s1);
    font-size: 20px;
}
.fa-star-empty {
    color: #D9D9D9;
}
.rating-symbol {
    float:left;
}
.rating-label {
    font-size: 14px;
    color: var(--gray-9);
    margin-left: 8px;
    display: inline-block;
}
.rating-symbol {
    cursor: pointer;
}