akibisuto-stylus 0.1.10

[aria-label] {
    cursor: pointer;
    position: relative;

    &:before {
        background: var(--color-white-500);
        border-radius: 0.2rem;
        bottom: 100%;
        color: var(--color-gray-100);
        content: attr(aria-label);
        left: 50%;
        margin-bottom: 1rem;
        max-width: 15rem;
        min-width: 6rem;
        opacity: 0;
        padding: 0.5rem 1rem;
        pointer-events: none;
        position: absolute;
        transform: translate(-50%, 0.4rem);
        transform-origin: top;
        transition: all .18s ease-out .18s;
        text-align: center;
        text-indent: 0;
        text-shadow: none;
        font-size: 1.2rem;
        font-style: normal;
        font-weight: normal;
        white-space: normal;
        word-wrap: break-word;
        z-index: 10;
    }

    &:hover:before {
        opacity: 1;
        pointer-events: none;
        transform: translate(-50%, 0);
    }
}