.d-recipe-leftbar-unread-pill {
  display: flex;
  gap: var(--dt-space-300);
  align-items: center;
  justify-content: center;
  padding: var(--dt-space-200) var(--dt-space-500) var(--dt-space-200) var(--dt-space-400);
  font-size: var(--dt-font-size-100);
  line-height: var(--dt-font-line-height-600);
  border: none;
  border-radius: var(--dt-size-radius-pill);
  box-shadow: var(--dt-shadow-medium);
  cursor: pointer;
}

.d-recipe-leftbar-unread-pill-mentions {
  color: var(--dt-shell-mention-color-foreground-primary);
  font-weight: var(--dt-font-weight-bold);
  background-color: var(--dt-shell-mention-color-surface-primary);
}

.d-recipe-leftbar-unread-pill-messages {
  color: var(--dt-color-foreground-secondary-inverted);
  background-color: var(--dt-color-surface-contrast);
}