[class="heart"] {
  position: absolute;
  left: -100vw;
	
}

[for="heart"] {
  color: #aab8c2 !important;
  cursor: pointer;
  font-size: 2em;
  align-self: center;  
  transition: color 0.2s ease-in-out;
}

[for="heart"]:hover {
  color: grey;
}

[for="heart"]::selection {
  color: none;
  background: transparent;
}

[for="heart"]::moz-selection {
  color: none;
  background: transparent;
}

[class="heart"]:checked + label {
  color: #F7DB33;
  will-change: font-size;
  animation: heart 1s cubic-bezier(.17, .89, .32, 1.49);
}



@keyframes heart {0%, 17.5% {font-size: 0;}}



@media only screen and (max-width: 959px) {	
	
	
	
	
}