/* Here is your custom css styles. */

/* hexo-filter-github-emojis */
.github-emoji {
  height: 2em;
  width: 2em;
  display: inline-block !important;
  position: relative;
  margin: 0 3px !important;
  padding: 0;
}
.github-emoji:hover {
  animation: emoji-face 5s infinite ease-in-out;
}
@keyframes emoji-face {
  2% {
    transform: translate(0, 1.5px) rotate(1.5deg);
  }
  4% {
    transform: translate(0, -1.5px) rotate(-0.5deg);
  }
  6% {
    transform: translate(0, 1.5px) rotate(-1.5deg);
  }
  8% {
    transform: translate(0, -1.5px) rotate(-1.5deg);
  }
  10% {
    transform: translate(0, 2.5px) rotate(1.5deg);
  }
  12% {
    transform: translate(0, -0.5px) rotate(1.5deg);
  }
  14% {
    transform: translate(0, -1.5px) rotate(1.5deg);
  }
  16% {
    transform: translate(0, -0.5px) rotate(-1.5deg);
  }
  18% {
    transform: translate(0, 0.5px) rotate(-1.5deg);
  }
  20% {
    transform: translate(0, -1.5px) rotate(2.5deg);
  }
  22% {
    transform: translate(0, 0.5px) rotate(-1.5deg);
  }
  24% {
    transform: translate(0, 1.5px) rotate(1.5deg);
  }
  26% {
    transform: translate(0, 0.5px) rotate(0.5deg);
  }
  28% {
    transform: translate(0, 0.5px) rotate(1.5deg);
  }
}

/*直达评论按钮样式*/
.comment-scroll {
  display: none;
  position: fixed;
  right: 15px;
  bottom: 135px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 998;
}

.comment-scroll .btn-floating {
  background: linear-gradient(to bottom right, #ff9999 0%, #ff6666 100%);
  width: 48px;
  height: 48px;
}

.comment-scroll .btn-floating i {
  line-height: 48px;
  font-size: 1.8rem;
}