.sound-choice[data-note]{position:relative}
.sound-choice[data-note]::after{content:attr(data-note);position:absolute;top:calc(100% + .45rem);left:50%;z-index:3;transform:translateX(-50%);padding:.15rem .4rem;background:#090b10;color:#87909c;font-size:.5rem;font-weight:300;letter-spacing:.15em;line-height:1.6;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 200ms ease,visibility 0s linear 200ms}
.sound-choice[data-note]:focus-visible::after{opacity:1;visibility:visible;transition:opacity 200ms ease}
@media(hover:hover){.sound-choice[data-note]:hover::after{opacity:1;visibility:visible;transition:opacity 200ms ease}}
@media(prefers-reduced-motion:reduce){.sound-choice[data-note]::after{transition:none}}