There is no pop-up close button for popup in youtube section

components/youtube-modal.js

@@ -93,10 +93,13 @@ position: fixed;
         <div class="panel">
           <div class="header">
             <h4 class="title">Watch Demo</h4>
-            <button class="close-btn" aria-label="Close">
-              <i data-feather="x" class="w-5 h-5"></i>
+            <button class="close-btn" id="modal-close-btn" aria-label="Close">
+              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <line x1="18" y1="6" x2="6" y2="18"></line>
+                <line x1="6" y1="6" x2="18" y2="18"></line>
+              </svg>
             </button>
-          </div>
+</div>
           <div class="iframe-container">
             <iframe id="youtube-iframe" 
                     frameborder="0" 
@@ -110,14 +113,10 @@ position: fixed;
   }
   setupEventListeners() {
     this.modal = this.shadowRoot.getElementById('youtube-modal');
-    this.closeBtn = this.shadowRoot.querySelector('.close-btn');
-    this.backdrop = this.shadowRoot.getElementById('youtube-modal-backdrop');
-    // Load feather icons
-    if (window.feather) {
-      feather.replace();
-    }
-
-    if (this.closeBtn) {
+    this.closeBtn = this.shadowRoot.getElementById('modal-close-btn');
+this.backdrop = this.shadowRoot.getElementById('youtube-modal-backdrop');
+    // Use inline SVG instead of feather icons for better reliability
+if (this.closeBtn) {
       this.closeBtn.addEventListener('click', () => this.close());
     }
     
@@ -130,16 +129,6 @@ position: fixed;
         this.close();
       }
     });
-
-    // Add feather icons dynamically if not already loaded
-    if (!window.feather && this.closeBtn) {
-      const script = document.createElement('script');
-      script.src = 'https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js';
-      script.onload = () => {
-        feather.replace();
-      };
-      document.head.appendChild(script);
-    }
 }
 
   static get observedAttributes() {