/* biome-ignore-all lint/complexity/noImportantStyles: important is important */
button.upvote-button {
  --width: 2em;
  --height: 2em;

  margin-bottom: 2em;

  svg {
    display: none;
  }

  .upvote-count {
    color: var(--color-text);
  }

  /* when your post is untoasted */
  .upvote-count::before {
    background: var(--untoast-icon);
    display: block;
    width: var(--width);
    height: var(--height);
    background-size: cover;
    content: '';
  }

  /* when your post has been toasted */
  [disabled] {
    .upvote-count::before {
      background: var(--toast-icon);
      display: block;
      width: var(--width);
      height: var(--height);
      background-size: cover;
      content: '';
    }
  }
}