.comp-like-btn-layout{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.comp-like-btn-layout .animate-box{align-items:center;background-color:#ff3764;border-radius:13px;color:#fff;cursor:pointer;display:flex;height:26px;justify-content:center;margin-right:10px;padding:0 10px}.comp-like-btn-layout .animate-box .like-icon{font-size:14px}.comp-like-btn-layout .animate-box .text{margin-left:3px}.comp-like-btn-layout .animate-box:active{animation:gelatine .3s .5;transition-timing-function:cubic-bezier(.6,4,.3,.8)}.comp-like-btn-layout .likeImg{height:20px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;z-index:10}.comp-like-btn-layout .likeImg.active-0{animation:send-likeImg-x-0 2s ease-out forwards,send-likeImg-y-0 2s ease-out forwards,send-likeImg-hide 2s ease-out forwards}.comp-like-btn-layout .likeImg.active-1{animation:send-likeImg-x-1 2s ease-out forwards,send-likeImg-y-1 2s ease-out forwards,send-likeImg-hide 2s ease-out forwards}.comp-like-btn-layout .likeImg.active-2{animation:send-likeImg-x-2 2s ease-out forwards,send-likeImg-y-2 2s ease-out forwards,send-likeImg-hide 2s ease-out forwards}.comp-like-btn-layout .likeImg.active-3{animation:send-likeImg-x-3 2s ease-out forwards,send-likeImg-y-3 2s ease-out forwards,send-likeImg-hide 2s ease-out forwards}.comp-like-btn-layout .likeImg.active-4{animation:send-likeImg-x-4 2s ease-out forwards,send-likeImg-y-4 2s ease-out forwards,send-likeImg-hide 2s ease-out forwards}.comp-like-btn-layout .likeImg.active-5{animation:send-likeImg-x-5 2s ease-out forwards,send-likeImg-y-5 2s ease-out forwards,send-likeImg-hide 2s ease-out forwards}@keyframes send-likeImg-x-0{0%{left:50%}to{left:calc(50% + 5em)}}@keyframes send-likeImg-y-0{0%{top:0}50%,60%{top:calc(50% - 10em)}to{top:calc(50% - 8em)}}@keyframes send-likeImg-x-1{0%{left:50%}to{left:calc(50% - 5.8em)}}@keyframes send-likeImg-y-1{0%{top:0}50%,60%{top:calc(50% - 10.8em)}to{top:calc(50% - 8.8em)}}@keyframes send-likeImg-x-2{0%{left:50%}to{left:calc(50% + 6.6em)}}@keyframes send-likeImg-y-2{0%{top:0}50%,60%{top:calc(50% - 11.6em)}to{top:calc(50% - 9.6em)}}@keyframes send-likeImg-x-3{0%{left:50%}to{left:calc(50% - 6em)}}@keyframes send-likeImg-y-3{0%{top:0}50%,60%{top:calc(50% - 10.8em)}to{top:calc(50% - 8em)}}@keyframes send-likeImg-x-4{0%{left:50%}to{left:calc(50% + 7.5em)}}@keyframes send-likeImg-y-4{0%{top:0}50%,60%{top:calc(50% - 12.2em)}to{top:calc(50% - 8.3em)}}@keyframes send-likeImg-x-5{0%{left:50%}to{left:calc(50% - 6em)}}@keyframes send-likeImg-y-5{0%{top:0}50%,60%{top:calc(50% - 10.8em)}to{top:calc(50% - 8em)}}@keyframes send-likeImg-hide{0%{opacity:1}50%{opacity:.5;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes gelatine{0%,to{transform:scale(1)}25%{transform:scale(.9,1.1)}50%{transform:scale(1.1,.9)}75%{transform:scale(.95,1.05)}}