.like input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.like{display:block;position:relative;cursor:pointer;font-size:1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.1s}.checkmark{top:0;left:0;height:1rem;width:1rem;transition:.1s;animation:dislike_effect .4s ease}.like input:checked~.checkmark path{fill:#FF5353;stroke-width:0}.like input:checked~.checkmark{animation:like_effect .4s ease}.like:hover{transform:scale(1.1)}@keyframes like_effect{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes dislike_effect{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}