.tempo-legend:has(.tempo-like-control) {
  justify-content: flex-end;
}
.tempo-legend:has(.tempo-like-control) .tempo-share-control {
  margin-inline-start: 0;
}
.tempo-console .tempo-like {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding-inline: 12px;
  border-color: var(--ui-border);
  background: var(--ui-fill);
  color: var(--ui-text);
}
.tempo-console .tempo-like:not(:disabled):hover,
.tempo-console .tempo-like[aria-pressed="true"] {
  border-color: var(--ui-accent);
  background: var(--ui-selected);
}
.tempo-like svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  stroke: var(--ui-accent);
  stroke-width: 1.7;
  fill: transparent;
}
.tempo-like[aria-pressed="true"] svg {
  fill: var(--ui-accent);
}
.tempo-like-count {
  min-width: 1.6em;
  color: var(--ui-text);
  font-variant-numeric: tabular-nums;
  text-align: end;
}
.tempo-console .tempo-like:disabled {
  cursor: wait;
  opacity: .7;
}
.tempo-like-status:not(.tempo-sr-only) {
  margin: 0 0 12px;
  color: var(--ui-text);
  font-size: 12px;
  text-align: end;
}
@media (forced-colors: active) {
  .tempo-like svg { stroke: ButtonText; }
  .tempo-like[aria-pressed="true"] svg { fill: Highlight; stroke: Highlight; }
}