[data-tooltip]:hover::after {
    display: block;
    position: absolute;
    content: attr(data-tooltip);
    background: var(--accent-bg);
    text-align: center;
    border-radius: 5px;
    border: 1px solid var(--border);
    padding: 5px 10px;
    transform: translate(-50%);
}