.ball-button {
  display: inline-block;

  padding: .2rem .4rem;

  border: solid thin #d3dae8;
  border-radius: 50%;

  background: rgba(118, 129, 153, .8);

  font-weight:bolder;
  color: #d3dae8;

}

.ball-button:hover {
  opacity: .5;
  cursor: pointer;

  color: #4f596e;

  border-color:  #4f596e;
  background: #d3dae8;
}

.ball-button-disabled {
  display: inline-block;

  padding: .2rem .4rem;

  border: solid thin grey;
  border-radius: 50%;

  background: rgba(118, 129, 153, .2);

  font-weight:bolder;
  color: grey;
}