#retq-chat-container { position: fixed; z-index: 99999; bottom: 25px; display: flex; flex-direction: column; font-family: sans-serif; } #retq-chat-container.retq-chat-bottom-right { right: 25px; align-items: flex-end; } #retq-chat-container.retq-chat-bottom-left { left: 25px; align-items: flex-start; } .retq-chat-trigger-btn { width: 60px; height: 60px; border-radius: 50%; border: none; color: #fff; cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.25); display: flex; align-items: center; justify-content: center; } .retq-chat-cta-badge { background: #fff; color: #1e293b; padding: 8px 14px; border-radius: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); margin-bottom: 10px; font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 8px; } .retq-chat-channels-window { width: 290px; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.2); margin-bottom: 12px; } .retq-chat-header { padding: 16px; color: #fff; display: flex; align-items: center; gap: 12px; } .retq-channels-body { padding: 12px; display: flex; flex-direction: column; gap: 8px; } .retq-channel-btn { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 10px; text-decoration: none; color: #0f172a; font-weight: 500; background: #f8fafc; }