Update pages.html

pages.html

@@ -461,6 +461,17 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
     cursor: pointer;
     margin-bottom: 20px; /* относительно длины родительского блока */     
   }
+  /* Стили для кнопки "Показать/Скрыть" */
+  #myBtn2 {
+    background-color: #4CAF50; /* Зелёный цвет */
+    color: white;
+    border: none;
+    padding: 10px 10px;
+    font-size: 16px;
+    border-radius: 5px;
+    cursor: pointer;
+    margin-bottom: 20px; /* относительно длины родительского блока */     
+  }
 
   
 
@@ -477,7 +488,10 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
   }
   #myBtn:hover {
     background-color: #388E3C; /* Тёмно-зелёный цвет при наведении */
-  }    
+  }  
+  #myBtn2:hover {
+    background-color: #388E3C; /* Тёмно-зелёный цвет при наведении */
+  }   
 </style>
 
 
@@ -498,7 +512,7 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
       gap: 10px; /* Пространство между иконками */
     }
 
-    .button-cont1, .button-cont2, .button-cont3 {
+    .button-cont1, .button-cont2, .button-cont3, .button-cont4, .button-cont5   {
       padding: 10px; /* Внутренние отступы вокруг иконки */
       background-color: transparent; /* Прозрачный фон контейнера */
     }
@@ -559,7 +573,7 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
   
 </div>  
 
-<div class="button-con4">
+<div class="button-con5">
 <!-- icon666.com - MILLIONS vector ICONS FREE --><svg id="myBtn_2" enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="36" height="36"><path d="m12 16c-.205 0-.401-.084-.543-.232l-5.25-5.5c-.455-.477-.114-1.268.543-1.268h2.75v-1.25c0-4.273 3.477-7.75 7.75-7.75.414 0 .75.336.75.75s-.336.75-.75.75c-1.517 0-2.75 1.233-2.75 2.75v4.75h2.75c.657 0 .998.791.543 1.268l-5.25 5.5c-.142.148-.338.232-.543.232z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m21 18h-18c-1.654 0-3 1.346-3 3s1.346 3 3 3h18c1.654 0 3-1.346 3-3s-1.346-3-3-3zm0 4.5h-10v-3h10c.827 0 1.5.673 1.5 1.5s-.673 1.5-1.5 1.5z" fill="#000000" style="fill: rgb(250, 250, 250);"></path></svg>  
 </div>