/* Adicione uma classe para estilizar as mensagens */
.message {
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    word-wrap: break-word; /* Quebra de palavras longas */
    overflow-y: auto; /* Adiciona uma barra de rolagem vertical, se necessário */
    max-width: 100%; /* Garante que a mensagem não ultrapasse a largura do contêiner */
}

/* Adicione um estilo personalizado para o botão de compartilhamento */
.share-button {
    position: absolute;
    top: 10px;
    right: 10px;
}

/* Adicione estilo para o menu */
.chat-menu {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #ccc;
}
 

.card-header {
    border: 0;
}

.card.position-relative {
    border: 0;
}

.card-footer {
    border: 0;

}