.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;
}

.symbol {
  display: inline-block;
  border-radius: 0%;
  border: 1px double white;
  width: 24px;
  height: 24px;
}

.gold-star {
    background-image: url('gold_star.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.gray-star {
    background-image: url('gray_star.png');
    background-repeat: no-repeat;
    background-size: 100%;
}