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

.symbol-empty {
  color:gray;
}

.symbol-filled {
  -webkit-text-stroke: 1px #777;
    text-shadow: 1px 1px #999;
  color: #fde16d;
}