.vote-count {
  padding-block-end: 6px;
  font-size: smaller;
}

.empty-circle {
  background-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  display: block;
  float: var(--float-left-ltr-rtl-value);
  block-size: 10px;
  inset-inline-start: 5px;
  position: relative;
  inset-block-start: 8px;
  inline-size: 10px;
}

.filled-circle {
  border-radius: 50%;
  background-color: black;
  float: var(--float-left-ltr-rtl-value);
  block-size: 6px;
  inset-inline-start: 2px;
  inset-block-start: 2px;
  position: relative;
  inline-size: 6px;
}

.option-text {
  border-radius: 5px;
  border-style: solid;
  border-width: 2px;
  padding-block: 5px;
  padding-inline: 25px;
}

.option {
  padding-block-end: 10px;
}

.correct-option {
  background-color: #78da71;
}

.incorrect-option {
  background-color: #dd4e4e;
}

.reveal-answer  {
  text-align: center;
  cursor: pointer;
}

.reveal-answer:hover > .option-text, .reveal-answer:focus > .option-text {
  background-color: var(--side-nav-hover-color)
}