.question:not(:has(input:checked)) footer {
  display: none;
}

.question footer > span {
  display: none;
}

.question footer > span.correct {
  color: var(--pico-ins-color);
}

.question footer > span.incorrect {
  color: var(--pico-del-color);
}

.question:has(input.correct:checked) footer > span.correct {
  display: block;
}

.question:has(input.incorrect:checked) footer > span.incorrect {
  display: block;
}