.like.liked .blast-1,.like.liked .blast-2,.like.liked .blast-3{animation-name:blast;animation-fill-mode:forwards}.like .blast-1,.like .blast-2,.like .blast-3{position:absolute;top:calc(50% - 30px);left:calc(50% - 30px);width:60px;height:60px;transform:scale(0);animation-duration:.5s;opacity:0}.like .blast-2{animation-delay:.3s;animation-duration:.35s;top:calc(50% - 40px);left:calc(50% - 40px);width:80px;height:80px;box-shadow:0 0 5px #fff}.like .blast-3{animation-delay:.25s;animation-duration:.5s}.like .heart-on{transform:scale(0);opacity:0}.like .heart-off{transform:scale(1);opacity:1}.like.liked .heart-on{animation-name:scale-in;animation-fill-mode:forwards;animation-delay:.25s;animation-duration:.75s;animation-timing-function:cubic-bezier(.2,.61,.2,1)}.like.liked .heart-off{animation-name:scale-out;animation-fill-mode:forwards;animation-duration:.5s}@keyframes scale-out{0%{opacity:1;transform:scale(1);filter:blur(0)}50%{opacity:.75}to{opacity:0;transform:scale(1.5);filter:blur(10px)}}@keyframes scale-in{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.125)}to{opacity:1;transform:scale(1)}}@keyframes blast{0%{opacity:0;transform:scale(0)}30%{opacity:1}90%{transform:scale(.9);transform:scale(1);opacity:0}}