@media (min-width: 768px) and  (min-height: 768px){
    .lvirtualico{
        width: 135px;
        height: 94px;
        position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
        left: -135px; /* Establecemos la barra en la izquierda */
        top: 700px; /* Bajamos la barra 200px de arriba a abajo */
        z-index: 20000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
        color: #FFF;
        cursor: pointer;
        background-size:100% 100%;
        background:url('{{asset(url('storage/'))}}/ico_lv.png');
    }
    .vtn{
        width: 180px;
        height: 120px;
        position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
        left: -135px; /* Establecemos la barra en la derecha */
        top: 200px; /* Bajamos la barra 200px de arriba a abajo */
        z-index: 20000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
        background: rgb(9,4,10);
        background: linear-gradient(0deg, rgba(9,4,10,1) 0%, rgba(181,75,195,1) 100%);
    }
}

@media (min-width: 768px) and  (max-height: 768px){
    .lvirtualico{
        width: 135px;
        height: 94px;
        position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
        left: -135px; /* Establecemos la barra en la izquierda */
        top: 400px; /* Bajamos la barra 200px de arriba a abajo */
        z-index: 20000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
        color: #FFF;
        cursor: pointer;
        background-size:100% 100%;
        background:url('{{asset(url('storage/'))}}/ico_lv.png');
    }
    

    .vtn{
        width: 180px;
        height: 120px;
        position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
        left: -135px; /* Establecemos la barra en la izquierda */
        top: 200px; /* Bajamos la barra 200px de arriba a abajo */
        z-index: 20000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
        background: rgb(181,75,195);
        background: linear-gradient(0deg, rgba(181,75,195,1) 0%, rgba(9,4,10,1) 100%);
    }
}

@media (max-width: 600px) {
    .lvirtualico{
        width: 68px;
        height: 47px;
        position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
        left: -68px; /* Establecemos la barra en la izquierda */
        top: 400px; /* Bajamos la barra 200px de arriba a abajo */
        z-index: 20000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
        color: #FFF;
        cursor: pointer;
        background-size:100% 100%;
        background:url('{{asset(url('storage/'))}}/ico_lv_mb.png');
    }

    .vtn{
        width: 135px;
        height: 150px;
        position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
        left: -135px; /* Establecemos la barra en la izquierda */
        top: 180px; /* Bajamos la barra 200px de arriba a abajo */
        z-index: 20000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
        background: rgb(181,75,195);
        background: linear-gradient(0deg, rgba(181,75,195,1) 0%, rgba(9,4,10,1) 100%);
        display: flex;
    }

    .vtn-click{
        width: -webkit-fill-available;
        height: 100px;
        justify-content: center;
        left: -10px !important;
    }

}

.text-transparent {
    color: transparent !important;
}