<input id="toggle-heart" type="checkbox"/>
<label for="toggle-heart">❤</label>

body {
	display: flex;
	justify-content: center;
	margin: 0;
	height: 100vh;
}

[id='toggle-heart'] {
  position: absolute;
  left: -100vw;
	
	&:checked + label {
		color: #e2264d;
	}
}

[for='toggle-heart'] {
	align-self: center;
	color: #aab8c2;
	font-size: 2em;
	cursor: pointer;
}