/* Keep single-digit update counters perfectly circular; multi-digit counters stay pill-shaped. */
button.site-update-action:is(
  [aria-label^="1 "], [aria-label^="2 "], [aria-label^="3 "],
  [aria-label^="4 "], [aria-label^="5 "], [aria-label^="6 "],
  [aria-label^="7 "], [aria-label^="8 "], [aria-label^="9 "],
  [title^="1 "], [title^="2 "], [title^="3 "],
  [title^="4 "], [title^="5 "], [title^="6 "],
  [title^="7 "], [title^="8 "], [title^="9 "],
  [data-tooltip^="1 "], [data-tooltip^="2 "], [data-tooltip^="3 "],
  [data-tooltip^="4 "], [data-tooltip^="5 "], [data-tooltip^="6 "],
  [data-tooltip^="7 "], [data-tooltip^="8 "], [data-tooltip^="9 "],
  [data-count="1"], [data-count="2"], [data-count="3"],
  [data-count="4"], [data-count="5"], [data-count="6"],
  [data-count="7"], [data-count="8"], [data-count="9"]
) :is(
  .site-update-count,
  .site-update-badge,
  .site-action-badge,
  .update-count,
  .update-count-badge,
  .action-badge,
  .count-badge,
  [class*="update"][class*="badge"]
) {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 22px;
  min-inline-size: 16px;
  block-size: 22px;
  min-block-size: 16px;
  padding-inline: 0;
  border-radius: 50%;
  line-height: 1;
}

html[data-dashboard-view="sites"] .site-action-badge {
  top: -10px;
  right: -5px;
  min-width: 17px;
  height: 17px;
  border-color: var(--site-next-panel);
  font-size: 10px;
}

html[data-dashboard-view="sites"] .site-filter-count {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 22px;
  min-inline-size: 16px;
  block-size: 22px;
  min-block-size: 16px;
  padding-inline: 0;
  border-radius: 50%;
  line-height: 1;
}

/* Some action badges are rendered through a pseudo element instead of a span. */
button.site-update-action:is(
  [aria-label^="1 "], [aria-label^="2 "], [aria-label^="3 "],
  [aria-label^="4 "], [aria-label^="5 "], [aria-label^="6 "],
  [aria-label^="7 "], [aria-label^="8 "], [aria-label^="9 "],
  [title^="1 "], [title^="2 "], [title^="3 "],
  [title^="4 "], [title^="5 "], [title^="6 "],
  [title^="7 "], [title^="8 "], [title^="9 "],
  [data-tooltip^="1 "], [data-tooltip^="2 "], [data-tooltip^="3 "],
  [data-tooltip^="4 "], [data-tooltip^="5 "], [data-tooltip^="6 "],
  [data-tooltip^="7 "], [data-tooltip^="8 "], [data-tooltip^="9 "],
  [data-count="1"], [data-count="2"], [data-count="3"],
  [data-count="4"], [data-count="5"], [data-count="6"],
  [data-count="7"], [data-count="8"], [data-count="9"]
)::after {
  box-sizing: border-box;
  inline-size: 16px;
  min-inline-size: 16px;
  block-size: 16px;
  min-block-size: 16px;
  padding-inline: 0;
  border-radius: 50%;
  line-height: 16px;
  text-align: center;
}