body{font-family:sans-serif;display:flex;justify-content:center;align-items:center;height:100vh}section{display:flex;flex-direction:row}.wrapper{display:flex;flex-direction:column;align-items:center;margin:0 2rem}.container{display:flex;gap:1rem}.item{position:relative}button{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:#eee;padding:12px;font-size:18px;cursor:pointer;transition:background .2s}button:hover{background:#ddd}.tooltip{background:#000;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease;position:absolute;bottom:120%;left:50%;transform:translate(-50%,10%)}.tooltip.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.tooltip.no-anim{transition:none!important}.container.bad .tooltip{transition-delay:.3s}@media(prefers-reduced-motion:reduce){.tooltip,.tooltip.no-anim{transition:none!important}}