.srg-option.is-selected-incorrect {
  border-color: #dc2626 !important;
  background: #fef2f2 !important;
  color: #991b1b !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, .12);
}

.srg-option.is-correct-answer,
.srg-option.is-selected-correct {
  border-color: #15803d !important;
  background: #f0fdf4 !important;
  color: #166534 !important;
  box-shadow: 0 0 0 3px rgba(21, 128, 61, .12);
}

.srg-question.is-checked .srg-option.is-selected-incorrect,
.srg-question.is-checked .srg-option.is-correct-answer,
.srg-question.is-checked .srg-option.is-selected-correct {
  opacity: 1;
}

.srg-option.is-selected-incorrect input {
  accent-color: #dc2626 !important;
}

.srg-option.is-correct-answer input,
.srg-option.is-selected-correct input {
  accent-color: #15803d !important;
}

.srg-option-feedback-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  padding: .24rem .5rem;
  border-radius: 999px;
  font-size: .76rem;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}

.srg-option-feedback-mark.is-correct {
  background: #15803d;
  color: #fff;
}

.srg-option-feedback-mark.is-incorrect {
  background: #dc2626;
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  .srg-exam-wrap .srg-option {
    transition: none;
  }
}

@media (max-width: 520px) {
  .srg-option-feedback-mark {
    margin-left: .2rem;
    font-size: .7rem;
  }
}
