#like_button {
  height:100px;
  margin:0 auto;
  position: relative;
}

i {
  font-size: 35px;
  cursor:pointer;
  padding:10px 21px 8px;
  /*background:#E4E4E4;*/
  border-radius:50%;
  display:inline-block;
  margin:35px 10px 15px;
  color:#aaa;
  transition:.2s;
}

i:hover {
  color:#666;
}

i:before {
  font-family:fontawesome;
  content:'\002661';
  font-style:normal;
}

#like {
  position: absolute;
  bottom:30px;
  left:40px;
  right:0;
  visibility: hidden;
  transition:.6s;
  z-index:-2;
  font-size:2px;
  color:transparent;
  font-weight:400;
}

i.press {
  animation: size .4s;
  color:#e23b3b;
}

#like.press {
  bottom: 60px;
  left: 22px;
  font-size:14px;
  visibility:visible;
  animation: fade 1s;
  z-index: 1;
}

@keyframes fade {
  0% {color:#transparent;}
  50% {color:#e23b3b;}
  100% {color:#transparent;}
}

/*@keyframes size {
  0% {padding:10px 21px 8px;}
  50% {padding:14px 21px 12px;  
    margin-top:-4px;}
  100% {padding:10px 21px 8px;}
}*/