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

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

.symbol-filled {
  background-color: black;
}

.rating-symbol-foreground {
  top: 0;
}
.rating-symbol-foreground img {
  width: 28px;
}
.rating-symbol-background img {
  width: 28px;
}