.elementor-75 .elementor-element.elementor-element-20fd080{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-75 .elementor-element.elementor-element-1fdfb27{text-align:center;}.elementor-75 .elementor-element.elementor-element-1fdfb27 .elementor-heading-title{color:#000000;}.elementor-75 .elementor-element.elementor-element-8c4abed{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-75 .elementor-element.elementor-element-84ece81{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-75 .elementor-element.elementor-element-4dd06cb img{border-radius:10px 10px 10px 10px;}.elementor-75 .elementor-element.elementor-element-5ec66ed{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-75 .elementor-element.elementor-element-0293198{text-align:justify;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-75 .elementor-element.elementor-element-4d5b321{margin:-40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}#elementor-popup-modal-75{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-75 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-75 .dialog-close-button{display:flex;}#elementor-popup-modal-75 .dialog-widget-content{border-radius:15px 15px 15px 15px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for button, class: .elementor-element-4d5b321 */<!-- Popup -->
<div id="popup" style="display:block; position:fixed; top:50%; left:50%;
  transform:translate(-50%, -50%); background:#fff; padding:20px;
  border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.3); width:300px;">
  
  <h3>Generated Prompt</h3>
  
  <!-- Text container -->
  <div id="promptText" style="padding:10px; border:1px solid #ddd; border-radius:5px; margin-bottom:10px;">
    Ye mera test prompt hai jo copy hona chahiye.
  </div>

  <!-- Copy Button -->
  <button id="copyBtn">Copy Prompt</button>
  
  <!-- Status -->
  <p id="copyMsg" style="color:green; display:none;">Copied!</p>
</div>

<script>
document.getElementById("copyBtn").addEventListener("click", function() {
    // Get text
    let text = document.getElementById("promptText").innerText;

    // Copy to clipboard
    navigator.clipboard.writeText(text).then(function() {
        // Success message
        let msg = document.getElementById("copyMsg");
        msg.style.display = "block";
        msg.textContent = "Copied!";
        
        // Hide message after 2 sec
        setTimeout(() => { msg.style.display = "none"; }, 2000);
    }).catch(function(err) {
        alert("Copy failed: " + err);
    });
});
</script>/* End custom CSS */