.like-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;width:44px;height:44px;transition:background-color .2s;display:inline-flex}.like-button input[type=checkbox]{display:none}.like-button .heart{width:24px;height:24px;transition:all .3s;display:inline-block;position:relative}.like-button .heart:before{content:"♡";color:#999;font-size:24px;transition:color .3s,transform .3s}.like-button input[type=checkbox]:checked~.heart:before{content:"♥";color:#e74c3c;transform:scale(1.2)}.like-button:hover .heart:before{transform:scale(1.1)}.like-button input[type=checkbox]:checked~.heart:before{animation:.4s heartBeat}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.1)}to{transform:scale(1.2)}}.like-button:hover{background-color:#e74c3c1a}