.chat-item{

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:12px;

    border-radius:10px;

    cursor:pointer;

}

.chat-item:hover{

    background:#f3f5ff;

}

.chat-title{

    flex:1;

}

.delete-chat{

    opacity:0;

    transition:.2s;

    cursor:pointer;

    font-size:18px;

}

.chat-item:hover .delete-chat{

    opacity:1;

}

.delete-chat:hover{

    transform:scale(1.15);

}