.reaction-container{max-width:100%;margin:20px auto;padding:0 0;position:relative}.reaction-btn{font-weight:bold;color:#7f7f7f;position:relative;cursor:pointer;padding:20px 20px 0 0}.reaction-btn:hover{text-decoration:underline}.like-btn-default{background-repeat:no-repeat;background-size:auto;background-position:-277px -446px}.reaction-btn-emo{display:inline-block;height:16px}.emojies-box{height:61px;width:358px;padding:10px;position:absolute;top:-39px;left:-14px;box-shadow:1px 1px 2px #ccc , -1px 0 2px #eee;border-radius:44px 44px;display:none}.emoji{list-style-type:none;cursor:pointer;display:inline-block;width:48px;height:48px;position:absolute;top:8px;opacity:0;transform:scale(1,1);transition:opacity .5s ease-in-out 1s , transform .07s ease-in-out 0s , top .07s ease-in-out 0s;background-repeat:no-repeat;background-size:cover;background-position:center center}.reaction-btn:hover .emojies-box{display:block}.emo-like{left:10px;transition-delay:0s;background-image:url(./images/reactions_like.png)}.emo-love{left:68px;transition-delay:.05s;background-image:url(./images/reactions_love.png)}.emo-haha{left:126px;transition-delay:.1s;background-image:url(./images/reactions_haha.png)}.emo-wow{left:184px;transition-delay:.15s;background-image:url(./images/reactions_wow.png)}.emo-sad{left:242px;transition-delay:.2s;background-image:url(./images/reactions_sad.png)}.emo-angry{left:300px;transition-delay:.25s;background-image:url(./images/reactions_angry.png)}.reaction-btn:hover .emoji{opacity:1;animation-name:reaction_delay;animation-duration:.5s}@keyframes reaction_delay {
  0% {
    width: 48px;
    height: 48px;
    top: 60px;
  }
  48% {
    width: 56px;
    height: 56px;
    top: 5px;
  }	
  100% {
    width: 48px;
    height: 48px;
    top: 8px;
  }
}.reaction-btn:hover .emo-like{animation-delay:0s}.reaction-btn:hover .emo-love{animation-delay:.05s}.reaction-btn:hover .emo-haha{animation-delay:.1s}.reaction-btn:hover .emo-wow{animation-delay:.15s}.reaction-btn:hover .emo-sad{animation-delay:.2s}.reaction-btn:hover .emo-angry{animation-delay:.25s}.emoji:hover{transform:scale(1.3,1.3);top:2px}.emoji::before{display:inline-block;color:#fff;text-align:center;line-height:17px;font-size:.7em;width:80%;height:17px;margin-left:10%;background-color:rgba(0,0,0,.6);border-radius:20px;position:absolute;top:-25px;opacity:0;transition:opacity .2s ease-in-out 0s}.emoji:hover::before{opacity:1}.like-btn-like{background-image:url(./images/reaction-small.png);background-repeat:no-repeat;background-size:auto;background-position:-17px -151px}.like-btn-love{background-image:url(./images/reaction-small.png);background-repeat:no-repeat;background-size:auto;background-position:0 -168px}.like-btn-haha{background-image:url(./images/reaction-small.png);background-repeat:no-repeat;background-size:auto;background-position:0 -151px}.like-btn-wow{background-image:url(./images/reaction-small.png);background-repeat:no-repeat;background-size:auto;background-position:-17px -185px}.like-btn-sad{background-image:url(./images/reaction-small.png);background-repeat:no-repeat;background-size:auto;background-position:-17px -168px}.like-btn-angry{background-image:url(./images/reaction-small.png);background-repeat:no-repeat;background-size:auto;background-position:-17px -117px}.reaction-btn-text-like{color:#5890ff}.reaction-btn-text-wow,.reaction-btn-text-haha,.reaction-btn-text-sad{color:#f0ba15}.reaction-btn-text-love{color:#f25268}.reaction-btn-text-angry{color:#f7714b}.like-emo>span{display:inline-block;margin:0 -3px -3px 0;width:18px;height:18px;border:1px solid #eee;border-radius:50%}}

.like-details{margin-left:10px;color:#9197a3;font-size:12px}