<div class="updated notice supsystic-admin-notice is-dismissible" style="background: linear-gradient(135deg, #f6f9ff 0%, #eef2ff 100%); border-left: 4px solid #4ae8ea; padding: 20px; border-radius: 8px;">
    
    <h3 style="margin-top:0;">
        🚀✨ Loving Data Tables by Supsystic? 💙📊
    </h3>
    
    <p>
        You've been using <strong>Data Tables by Supsystic</strong> for a while — hope it helps you build awesome tables! 🙌
    </p>
    
    <p>
        If you enjoy it, could you take a second to leave a quick review? ⭐ It really helps us grow and improve!
    </p>

    <p style="margin-top:15px;">
        <a 
            class="button button-primary" 
            href="//wordpress.org/support/view/plugin-reviews/data-tables-generator-by-supsystic?rate=5#postform" 
            target="_blank" 
            data-response-code="hide" 
            data-response-type="stars"
            style="background:#4ae8ea; border-color:#4ae8ea; color:black; box-shadow:0 3px 8px rgba(79,70,229,0.3);"
        >
            ⭐💙 Leave a Review
        </a>

        <button 
            class="button" 
            href="#" 
            data-response-code="later" 
            data-response-type="stars"
            style="margin-left:8px;"
        >
            ⏳ Maybe Later
        </button>

        <button 
            class="button" 
            href="#" 
            data-response-code="done" 
            data-response-type="stars"
            style="margin-left:8px;"
        >
            ✅ Already Did
        </button>
    </p>

</div>