<p class="ui-cluster" style="--gap:32px">
<button class="ui-btn" data-variant="outline" type="button" interestfor="tip-library" aria-describedby="tip-library">Hover</button>
<.tooltip id="tip-library">Add to library</.tooltip>
<button class="ui-toggle" type="button" aria-label="Bold" interestfor="tip-bold"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8"/></svg></button>
<.tooltip id="tip-bold" shortcut="⌘B">Bold</.tooltip>
</p>