#info-mini {
        position: absolute;
        width: var(--btn-size);
        height: var(--btn-size);
        aspect-ratio: 1/1;
        top: var(--btn-top);
        right: calc(.05 * var(--cur-width) * 1px);
        display: inline-flex;
        align-items: center;
        gap:.5rem;
        background: #00000099;
        padding: var(--icon-border) var(--icon-border);
        border-radius: 999px;
        color: var(fg);
        user-select: none;
        -webkit-tap-highlight-color: transparent;
    }

    .info-mini-button {
        width: var(--btn-size);
        height: var(--btn-size);
        border: none;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(#1c1c1c,#0f0f0f);
        cursor: pointer;
        /* On hover effect */
        transition: box-shadow 0.3s ease-in-out;    
        box-shadow: none; /* Ensure no static glow when not hovering */
    }

    /* --- NEW: Apply Green Glow on Hover --- */
    .info-mini-button:hover {
        box-shadow: 
            0 0 5px var(--color-green),
            0 0 10px var(--color-green),
            0 0 20px var(--color-shadow-green),
            0 0 40px var(--color-shadow-green),
            0 0 80px var(--color-shadow-green);
    }
   
    .info-mini button:focus-visible{ outline:var(--icon-border) solid var(--accent); outline-offset:var(--icon-border); }

    .info-letter {
        -webkit-appearance:none;
        appearance:none;
        width: calc(.85 * var(--icon-size));    /*icon size is the audio note.  As this is a letter, it needs to be just slightly smaller */
        height: calc(.85 * var(--icon-size));
        cursor:grab;
    }