Update pages.html

pages.html

@@ -490,6 +490,7 @@ editor.Components.addType('custom-button', {
       `,
       // CSS-стили для кнопки
       style: `
+<style>
 .atuin-btn {
     display: inline-flex;
     margin: 10px;
@@ -519,6 +520,7 @@ editor.Components.addType('custom-button', {
     outline-offset: 15px;
     color: #FFF;
 }
+</style>
       `,
       // Скрипт для обработки нажатия кнопки и загрузки зависимостей
       script: function(props) {
@@ -598,6 +600,17 @@ editor.Components.addType('custom-button', {
         }
       ]
     }
+  },
+  // Добавляем обработчик для применения стилей
+  view: {
+    onRender({ el, model }) {
+      const style = model.get('style');
+      if (style) {
+        const styleElement = document.createElement('style');
+        styleElement.innerHTML = style;
+        document.head.appendChild(styleElement);
+      }
+    }
   }
 });
 // Создаем блок для компонента кнопки