/* Posiciona o botão no canto inferior direito */
        .whatsapp-button {
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 2; /* Valor menor para o botão do WhatsApp */
            display: block;
            width: 60px;
            height: 60px;
            background-color: #25d366;
            border-radius: 50%;
            text-align: center;
            line-height: 60px;
            transition: background-color 0.3s ease;
        }

        /* Efeito de cor no hover (passar o mouse) */
        .whatsapp-button:hover {
            background-color: #128c7e; /* Cor verde mais escura */
        }

        /* Efeito de animação no clique */
        .whatsapp-button:active {
            transform: scale(0.95);
        }

        /* Campo de texto do WhatsApp */
        .whatsapp-input {
            display: none;
            position: fixed;
            bottom: 0px;
            right: 0px;
            padding: 30px; /* Adicionamos uma margem interna */
            background-color: #f9f9f9;
            border: 1px solid #ccc;
            border-radius: 5px;
            z-index: 3; /* Valor maior para o contêiner do campo de texto */
        }

        /* Posiciona o contêiner do campo de texto na margem direita e abaixo */
        .whatsapp-input {
            margin-right: 20px;
        }

        /* Estilo dos campos de entrada */
        .whatsapp-input input,
        .whatsapp-input textarea {
            display: block;
            width: 100%;
            margin-bottom: 10px;
            padding: 5px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        /* Estilo do botão de enviar */
        .whatsapp-input .whatsapp-send-button {
            display: block;
            width: 100%;
            padding: 3px;
            background-color: #d70000; /* Cor verde mais escura */
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease; /* Efeito de cor ao passar o mouse */
            text-align: center;
            font-weight: bold;
        }

        /* Efeito de cor no hover do botão de enviar */
        .whatsapp-input .whatsapp-send-button:hover {
            background-color: #d70000; /* Cor verde ainda mais escura */
        }

        /* Estilo do botão de fechar */
        .close-button {
            position: absolute;
            top: -10px;
            right: -10px;
            width: 30px;
            height: 30px;
            background-color: #f9f9f9;
            border: 1px solid #ccc;
            border-radius: 50%;
            text-align: center;
            line-height: 30px;
            font-size: 20px;
            cursor: pointer;
        }