.radio2 {
  margin: 12px 0;
  display: block;
  cursor: pointer;
}
.radio2 input {
  display: none;
}
.radio2 input + span {
  line-height: 18px;
  height: 18px;
  padding-left: 18px;
  display: block;
  position: relative;
}
.radio2 input + span:not(:empty) {
  padding-left: 26px;
}
.radio2 input + span:before, .radio2 input + span:after {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 10%;
  left: 0;
  top: 0;
  position: absolute;
}
.radio2 input + span:before {
  background: #B7B7B7;
  transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.8);
}
.radio2 input + span:after {
  background: #fff;
  transform: scale(0.78);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.5);
}
.radio2 input:checked + span:before {
  transform: scale(1.02);
  background: #607d8b;
}
.radio2 input:checked + span:after {
  transform: scale(0.4);
  transition: transform 0.3s ease;
}
.radio2:hover input + span:before {
  transform: scale(0.92);
}
.radio2:hover input + span:after {
  transform: scale(0.74);
}
.radio2:hover input:checked + span:after {
  transform: scale(0.4);
}

/*# sourceMappingURL=radiobtn.css.map */