.cecybot-sidepanel{

    position: fixed;
    right: 0;
    top: 40%;
    transform: translateY(-50%);

    width: 60px;

    background: linear-gradient(180deg,#0b1f4b,#09163a);

    border-radius: 20px 0 0 20px;

    padding: 10px 5px;

    display: flex;
    flex-direction: column;
    align-items: center;

    transition: 0.3s;

    z-index: 9999;

    box-shadow:
    0 0 10px rgba(0,234,255,0.5),
    0 0 25px rgba(0,234,255,0.2);

}

/* expansión */

.cecybot-sidepanel:hover{

    width: 190px;

}

/* titulo */

.panel-title{

    color:#00eaff;

    font-weight:bold;

    font-size:14px;

    margin-bottom:10px;

    letter-spacing:2px;

}

/* items */

.panel-item{

    display:flex;

    align-items:center;

    width:100%;

    padding:10px;

    text-decoration:none;

    color:white;

    border-radius:10px;

    margin:4px 0;

    transition:0.3s;

}

.panel-item img{

    width:28px;

    margin-right:10px;

}

/* texto oculto */

.panel-item span{

    opacity:0;

    transition:0.3s;

    white-space:nowrap;

}

/* mostrar texto */

.cecybot-sidepanel:hover span{

    opacity:1;

}

/* hover */

.panel-item:hover{

    background:rgba(0,234,255,0.15);

}

.facebook:hover{
    background: rgba(24,119,242,0.25);
}

@media (max-width:768px){

.cecybot-sidepanel{

    width:55px;
    right:10px;

}

/* ocultar texto en movil */

.panel-item span{
    display:none;
}

/* iconos un poco más grandes */

.panel-item img{
    width:30px;
}

}