count-color.css

@keyframes count-issue {
  0% {
    background-color: #f5baba;
  }
  100% {
    background-color: #fff;
  }
}
@keyframes count-good {
  0% {
    background-color: #b6e4a9;
  }
  100% {
    background-color: #fff;
  }
}

.count {
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}
.count--good {
  animation-name: count-good;
}
.count--under, .count--over {
  animation-name: count-issue;
}
.count--under + strong,
.count--over + strong {
  color: #D22;
}