.reaction-container{
  max-width:100%;
  margin:150px auto;
  padding:0 60px;
  position: relative;
}
.product-status
{
    display:inline-block;
}



.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;
  margin: 0 6px -3px 0;
  width: 16px;
  height: 16px;
}

.emojies-box {
  /*height: 44px;*/
  /*width: 340px;*/
  /*padding: 10px;*/
  /*position: absolute;*/
  /*top: -63px;*/
  /*left: -14px;*/
  /*box-shadow: 1px 1px 2px #cccccc, -1px 0px 2px #eeeeee;*/
  /*border-radius: 44px 44px;*/
  /*display: none;*/
}
.emojies-box li
{
    display:inline-block;
    text-align:center;
}
.emoji {
      list-style-type: none;
    cursor: pointer;
    display: block;
    width: 35px;
    height: 35px;
    /*margin-bottom:2px;*/
    /* position: absolute; */
    top: 8px;
    margin: 2px 5px;
  /*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/like.gif');
}

.emo-love {
  left: 68px;
  transition-delay: .05s;
  background-image: url('../images/love.gif');
}

.emo-haha { 
  left: 126px;
  transition-delay: .1s;
  background-image: url('../images/haha.gif');
}

.emo-wow {
  left: 184px;
  transition-delay: .15s;
  background-image: url('../images/wow.gif');
}

.emo-sad {
  left: 242px;
  transition-delay: .2s;
  background-image: url('data:image/png;base64,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');
}

.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: #ffffff;*/
  /*text-align: center;*/
  /*line-height: 17px;*/
  /*font-size: .7em;*/
  /*width: 80%;*/
  /*height: 17px;*/
  /*margin-left: 10%;*/
  /*background-color: rgba(0, 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
}

/*.emo-like::before {*/
/*  content: 'Like'*/
/*}*/

/*.emo-love::before {*/
/*  content: 'Love'*/
/*}*/

/*.emo-haha::before {*/
/*  content: 'Haha'*/
/*}*/

/*.emo-wow::before {*/
/*  content: 'Wow'*/
/*}*/


/*.emo-sad::before {*/
/*  content: 'Sad'*/
/*}*/

/*.emo-angry::before {*/
/*  content: 'Angry'*/
/*}*/

.like-stat {
  margin-top: 10px;
}


.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:rgb(88, 144, 255);
}
.reaction-btn-text-wow,.reaction-btn-text-haha,.reaction-btn-text-sad {
  color:rgb(240, 186, 21)
}
.reaction-btn-text-love{
  color:rgb(242, 82, 104)
}
.reaction-btn-text-angry{
  color:rgb(247, 113, 75);
}

.like-emo > span{
    display: inline-block;
    margin: 0 -3px -3px 0px;
    width: 16px;
    height: 16px;
    border: 1px solid #EEE;
    border-radius: 50%;

}

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