.token {
    position: relative;
    display: inline-block;
    cursor: pointer;
    color: rgba(var(--terUser), 1);

    .token-tooltip {
        display: none;
        position: absolute;
        bottom: 125%;
        left: 0;
        width: 16rem;
        max-width: 16rem;
        white-space: normal;
        background-color: rgba(var(--priUser), 0.95);
        border: 0.1rem solid rgba(var(--secUser), 0.5);
        color: rgba(var(--secUser), 1);
        padding: 0.5rem 0.75rem;
        border-radius: 0.5rem;
        z-index: 10;
        font-size: 0.875rem;
    }

    &:hover .token-tooltip {
        display: block;
    }
}