.icon-button.comment-indicator { position: relative; overflow: visible; }
.icon-button.comment-indicator.no-comments { color: #798480; }
.icon-button.comment-indicator.has-comments { color: #005c5b; }
.icon-button.comment-indicator.has-comments > svg { fill: currentColor; }
.icon-button.comment-indicator .comment-unread-badge {
  position: absolute; top: -5px; right: -5px; display: inline-flex; align-items: center; justify-content: center;
  min-width: 18px; height: 18px; padding: 0 4px; box-sizing: border-box; border-radius: 12px;
  background: #c83c3c; color: #fff; border: 2px solid #fff; font-size: 10px; font-weight: 700; line-height: 1;
  font-variant-numeric: tabular-nums; pointer-events: none;
}