main .choices input {
  display: none;
}


main .choices input:checked+label {
  background-color: var(--button-color);
}

main .choices {
  position: relative;
}

main .choices .choice {
  cursor: pointer;
}

main .choices input:disabled+label:hover {
  cursor: no-drop;
  background-color: #999999a5;
}

main .choices input:disabled+label {
  position: relative;
}

main .choices input:disabled+label::after {
  content: attr(data-name);
  position: absolute;
}

main .medile ul {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}

main .medile ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}

main .medile ul li i {
  font-size: 24px;
  color: var(--green);
}