.input [type='checkbox'] + label {
  top: -10px;
  left: 0;
  margin-top: 20px;
}
.input [type='checkbox']:focus ~ label,
.input [type='checkbox']:focus ~ .label {
  color: #42a5f5;
}
.input [type='checkbox']:focus ~ .underline {
  border-bottom-color: #42a5f5;
}
.input [type='checkbox'] ~ .underline {
  border-bottom: 1px solid #9e9e9e;
  display: block;
  margin-top: -6px;
}