получилось так
<!DOCTYPE html>
<body>
<label class="checkbox-label"><input type="checkbox"><span>Hello world</span></label>
</body>
<style>
input {
display: none;
}
input+span {
cursor: pointer;
text-decoration: none;
transition: all 0.25s ease;
color: red;
}
input:checked+span {
border-bottom: solid 2px #1059ff;
padding-bottom: 10px;
transition: all 0.25s ease;
}
</style>
</html>