.answer-container {
  width: 70%;
  display: flex;
  justify-content: space-between;
  height: 50px;
  margin-bottom: 50px;
}

/* The answer */

.answer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.answer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 50%;
}

/* Height & Width */

.checkmark-second, .checkmark-third, .checkmark-fourth {
  height: 40px;
  width: 40px;
}

.checkmark-first, .checkmark-last {
  height: 50px;
  width: 50px;
}

/* */

.checkmark-second, .checkmark-third, .checkmark-fourth {
  margin-top: 5px;
}

/* Color */

.checkmark-first, .checkmark-second {
  border: 2px solid #25247B;
}

.checkmark-third {
  border: 2px solid #3e464f;
}

.checkmark-fourth, .checkmark-last {
  border: 2px solid #4A4CB8;
}

/* On mouse-over, add a grey background color */

.answer:hover input~.checkmark-first, .answer:hover input~.checkmark-second, .answer input:checked~.checkmark-first, .answer input:checked~.checkmark-second {
  background-color: #25247B;
}

.answer:hover input~.checkmark-third, .answer input:checked~.checkmark-third {
  background-color: #3e464f;
}

.answer:hover input~.checkmark-fourth, .answer:hover input~.checkmark-last, .answer input:checked~.checkmark-fourth, .answer input:checked~.checkmark-last {
  background-color: #4A4CB8;
}