.chatbot-input { flex: 1; border: 1px solid #ddd; border-radius: 20px; padding: 10px 15px; outline: none; } .chatbot-send { background: #007bff; color: white; border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; } .chatbot-toggle { position: fixed; bottom: 20px; right: 20px; width: 60px; height: 60px; background: #007bff; color: white; border: none; border-radius: 50%; cursor: pointer; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); display: flex; align-items: center; justify-content: center; font-size: 24px; z-index: 1001; } .loading { opacity: 0.7; }
Chat Assistant
Hello! I'm here to help you with information about diamonds. Ask me anything!