.esp-wa-container {
            position: fixed;
            bottom: 20px;
            <?php echo ($position === 'left') ? 'left' : 'right'; ?>: 20px;
            z-index: 9999;
        }

        .esp-wa-icon {
            background-color: <?php echo esc_attr($bg_color); ?>;
            padding: 12px;
            border-radius: 50%;
            display: inline-block;
            cursor: pointer;
        }

        .esp-wa-icon img {
            width: <?php echo ($size === 'large' ? '48px' : ($size === 'small' ? '28px' : '36px')); ?>;
            height: auto;
        }

        .esp-wa-speech-bubble {
            position: absolute;
            bottom: 70px;
            <?php echo ($position === 'left') ? 'left' : 'right'; ?>: 0;
            background: white;
            color: #333;
        padding: 12px 18px;
        border-radius: 12px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.15);
        width: 260px; /* Increased width */
        max-width: 90vw;
        word-wrap: break-word;
        line-height: 1.5;
        font-size: 14px;
        display: none;
        box-sizing: border-box;
        z-index: 99999;
        }

        .esp-wa-speech-bubble::after {
            content: '';
            position: absolute;
            bottom: -10px;
            <?php echo ($position === 'left') ? 'left' : 'right'; ?>: 15px;
            border-width: 10px;
            border-style: solid;
            border-color: white transparent transparent transparent;
        }

        .esp-wa-close-btn {
            position: absolute;
            top: 6px;
            right: 8px;
            cursor: pointer;
            font-weight: bold;
        }

        @media (max-width: 768px) {
            .esp-wa-speech-bubble {
                display: block !important;
            }
        }