.wrapper{
  float:left;
  width:250px;
  margin:50px 0px;
}

/*============================================
BEAR
==============================================
*/
.bear{
  margin:0 auto;
  height:200px;
  position:relative;
  width:150px;
}
.bear-head{
  width:130px;
  height:100px;
  border-radius: 47%;
  background-color: #e07591;
  position:relative;
}
.bear-face{
  background-color: #edbbd3;
  position:absolute;
  width:65px;
  height:30px;
  border-radius: 30px 30px 10px 10px;
  bottom:10px;
  left:33px;
}
.bear-face:before{
  width:20px;
  height:10px;
  border-radius: 2px 2px 10px 10px;
  position:absolute;
  content:"";
  left:22px;
  display:block;
  background-color: #b0135a;
}
.bear-face:after{
  width:20px;
  height:12px;
  content:"";
  display:block;
  position:absolute;
  top:15px;
  left:22px;
  background-color: #ed4049;
  border-radius: 10px 10px 5px 5px;
  transition: .2s;
}

.bear:hover .bear-face:after {
  width: 30px;
  height: 14px;
  left: 18px;
  border-radius: 5px 5px 25px 25px;
}

.bear-head:before, .bear-head:after{
  content:"";
  display:block;
  background-color: #a84a64;
  border-radius:50%;
  border:10px solid #e07591;
  width:10px;
  height:10px;
  position:absolute;
  top:-8px;
}
.bear-head:after{
  right:0;
}
.bear-body{
  position:absolute;
  width:95px;
  height:120px;
  top:40px;
  background-color: #e68da5;
  left:18px;
  z-index:-1;
  border-radius: 50% 50% 45% 45%;
  box-shadow: inset 0 50px 0 15px #e07591;
}
.bear-body:before, .bear-body:after, .bear-hands:before, .bear-hands:after{
  background-color:#e07591;
  content:"";
  display:block;
  position:absolute;
  height:20px;
  width:20px;
  border-radius:0 0 10px 10px;
  bottom:-8px;
}
.bear-body:before, .bear-body:after {
  width: 18px;
}
.bear-hands:before, .bear-hands:after{
  top:58px;
}
.bear-hands:before{
  left:-18px;
  transform:rotate(90deg);
}
.bear-hands:after{
  right: -18px;
  transform:rotate(-90deg);
  animation: wave .5s linear infinite;
  animation-play-state: paused;
}

.bear:hover .bear-hands:after{
  animation-play-state: running;
}

@keyframes wave{
  50%{transform: rotate(-110deg) translatex(6px);}
}

.bear-body:before{
   border-radius:10px 60px 10px 10px;
   left:15px;
}
.bear-body:after{
  border-radius:60px 10px 10px 10px;
  right:15px;
}

.bear-eyes:before, .bear-eyes:after{
  content:"";
  display:block;
  background-color: #2e7065;
  height:12px; width:12px;
  border:7px solid white;
  border-radius:50%;
  position:absolute;
  top:37px;
  left:27px;
  transition: .5s;
  /*animation: wink .5s linear infinite;
  animation-play-state: paused;*/
}

.bear:hover .bear-eyes:before, .bear:hover .bear-eyes:after{
 /* animation-play-state: running; */
  height: 1px;
}

/*@keyframes wink{
  50%{height: 1px;}
}*/

.bear-eyes:after{
  left:75px;
}