<!-- meloddy.design - Стандартный блок внутри другого блока -->
<script>
    // Конфигурация стилей и поведения
        const copySuccessMessage = 'Промокод скопирован!';
        const doneClass = 'done';
        const textSelector = '.text-copy .tn-atom';
        const buttonSelector = '.btn-copy .tn-atom';
                    
        function createCSS() {
            const style = document.createElement('style');
            style.type = 'text/css';
            style.innerHTML = `
            .text-copy .tn-atom {
                 cursor: pointer;
                 transition: all 0s !important;
             }
             .btn-copy {
                   cursor: pointer;
              }
              .done {
                   background-color: var(--done-bg-color) !important;
                   color: var(--done-txt-color) !important;
                   font-weight: var(--done-txt-weight) !important;
                   width: 100% !important;
               }
                        
               :root {
                   --done-bg-color: transparent; /* цвет фона уведомления после копирования */
                   --done-txt-color: #000000; /* цвет текста уведомления после копирования */
                   --done-txt-weight: 600; /* жирность текста уведомления после копирования */
                }
                `;
            document.head.appendChild(style);
        }
                
                    function copyText(el) {
                        const tempTextarea = document.createElement('textarea');
                        document.body.appendChild(tempTextarea);
                        
                        tempTextarea.value = el.textContent;
                        tempTextarea.select();
                        document.execCommand('copy');
                        document.body.removeChild(tempTextarea);
                    
                        el.textContent = copySuccessMessage;
                        el.classList.add(doneClass);
                    }
                    
                    document.addEventListener('DOMContentLoaded', () => {
                        createCSS();
                        
           const textElement = document.querySelector(textSelector);
           const buttonElement = document.querySelector(buttonSelector);
                    
           buttonElement.addEventListener('click', () => {
           copyText(textElement);
       });
   });
</script>