Unlikely Upvote Button for Bear

Do you want to keep the upvote button on your Bear blog but find it stressful to see how many people have liked, or haven't liked, your posts?

Say hello to the "unlikely" button. It works like the standard button but doesn't display the upvote count. No more sleepless nights worrying about your post's popularity, but still keeping that trending post dream alive.

In your Beraming Theme, simply replace the current button with the following styles:

/* Unlikely button */
.upvote-button svg,
.upvote-count {
  display: none; 
}
button.upvote-button { 
  display: block !important;
  padding: 4px 9px;
  font-family: var(--font-secondary);
  font-size: 13px;
  color: var(--link-color);
  border: 1px solid var(--link-color);
  border-radius: 6px;
  cursor: pointer;
}
.upvote-button::before {
  content: "☆ ";
}
.upvote-button::after {
  content: "Like it?";
}
.upvote-button[disabled]::before {
  content: "★ ";
}
.upvote-button[disabled]::after {
  content: "Thank you!";
  cursor: default;
}
.upvote-button.upvoted {
  color: var(--link-color) !important;
  background-color: var(--accent-color);
}
.upvote-button:hover {
  background-color: var(--accent-color);
}

See the add-ons page for more Bear customizations.

Update: If you're not using the Bearming Theme or simply want a lighter version, ReedyBear has you covered. Thanks for the highlighting tip!