/* Hide standard native checkbox interface */
.button-like input[type="checkbox"] {
    display: none;
}

/* Default Interaction States */
.button-like .heart-filled {
    display: none;
}
.button-like .heart-outline {
    display: inline-block;
}

/* Checked UI Modifications via Adjacent Sibling Selectors */
.button-like input[type="checkbox"]:checked ~ .button-placeholder .heart-outline {
    display: none;
}
.button-like input[type="checkbox"]:checked ~ .button-placeholder .heart-filled {
    display: inline-block;
}