#donate {
  transition: all 0.5s ease-in-out;
  display: block;
  width: 100%;
  border: 0px solid transparent;
  border-radius: 0;
  background: #008000;
  color: white;
  font-weight: bolder;
  font-size: 20pt;
  padding: 5px;
  font-family: 'Fira Code', monospace;
}

#donate .emoji {
  display: none;
}

#donate:hover {
  background: #00a000;
  border: 10px solid #008000;
}

#donate:hover .emoji {
  display: inline-block;
  animation: heartbeat 1s infinite;
}

#donate:hover::before {
  content: "  ";
}

#donate::before {
  content: "₿ ";
}

#donate::before,
#donate .emoji {
  color: transparent;
  background-image: linear-gradient(to right,
      #462523 0,
      #cb9b51 15%,
      #f6e27a 45%,
      #f6f2c0 50%,
      #f6e27a 55%,
      #cb9b51 78%,
      #462523 100%);
  background-clip: text;
  -webkit-background-clip: text;
}

@keyframes heartbeat {
  0% {
    transform: scale(.75);
  }

  20% {
    transform: scale(1);
  }

  40% {
    transform: scale(.75);
  }

  60% {
    transform: scale(1);
  }

  80% {
    transform: scale(.75);
  }

  100% {
    transform: scale(.75);
  }
}