.favme {
  /* display: block; */
  font-size: 2rem;
  /* width: auto; */
  /* height: auto; */
  width: 40px;
  height: 40px;
  cursor: pointer;
  box-shadow: none;
  /* transition: all .2s ease; */
  color: #CBCDCE;
  margin: 0;
  /* background-color: lightgoldenrodyellow; */
  padding-top: 5px;
  float: right;
}

.favme.active {
  color: #DC3232;
}
.favme:hover {
  animation: favme-hover .3s infinite alternate;
}
.favme.is_animating {
  animation: favme-anime .3s;
}

@keyframes favme-hover {
  from {
    font-size: 1.8rem;
  }
  80% {
    font-size: 2rem;
  }
}

@keyframes favme-anime {
  0% {
    opacity: 1;
    font-size: 1.2rem;
    -webkit-text-stroke-color: transparent;
  }
  25% {
    opacity: .6;
    color: #FFF;
    font-size: 1rem;
    -webkit-text-stroke-width: 1px;
    /* -webkit-text-stroke-color: #DC3232; */
  }
  75% {
    opacity: .6;
    color: #FFF;
    font-size: 1.8rem;
    -webkit-text-stroke-width: 1px;
    /* -webkit-text-stroke-color: #DC3232; */
  }
  100% {
    opacity: 1;
    font-size: 2rem;
    -webkit-text-stroke-color: transparent;
  }
}