@media screen and (min-width:992px) {
 
    .mouse-hover-cta{
        cursor: none;
    }

    .mouse-hover-cta-cursor{
        pointer-events: none;
        opacity: 0;
        background-color: var(--wp--preset--color--secondary-100) ;
        position: fixed;
        z-index: 10000;
        padding: 0.5rem 1rem;
        border-radius: 0.5rem;
        font-weight: 600;
        font-size: 0.8rem;
        text-transform: uppercase;
        transform: translate(-50%, -50%);
        transition: opacity 0.15s ease;
        white-space: nowrap;
    }

    .mouse-hover-cta-cursor.is-showing {
        opacity: 1;
    }

}