a.exercise-answer .card, 
a.exercise-answer.exercise-answer-selected .card {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

a.exercise-answer:hover .card, 
a.exercise-answer.exercise-answer-selected .card {
  background-color: rgba(251, 201, 32, 1.0);
  color: rgba(3, 23, 124, 1.0);
  font-weight: bold;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

a.exercise-answer.exercise-answer-true .card {
  background-color: rgba(195, 230, 203, 1);
  color: rgba(3, 23, 124, 1.0);
  font-weight: bold;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.exercise-score-arc {
  position: relative;
  display: inline-block;
  padding: 10px;
  border-radius:50%;
  background-color: rgba(251, 201, 32, 1.0);
  background: conic-gradient(
    rgba(251, 201, 32, 1.0) 288deg, 
    transparent calc(288deg + 0.5deg) 100%
    );
}

.exercise-score {
  position: relative;
  display: inline-block;
  width: 4em;
  height: 4em;
  border-radius: 50%;
  background: #fff;
  font-weight: bold;
  font-size: 3em;
  padding: 0.25em;
  padding-top: calc(1em + 7%);
}