Update spoller.html

spoller.html

@@ -8,73 +8,82 @@
   align-items: center;
   justify-content: center;
   width: 100%;
-  padding: 12px 16px;
+  padding: 16px 20px; /* Увеличенные отступы */
   background-color: #f5f5f5;
   border: none;
-  border-radius: 4px;
+  border-radius: 6px; /* Больше скругление */
   cursor: pointer;
-  font-size: 16px;
+  font-size: 18px; /* Увеличенный шрифт */
   text-transform: uppercase;
-  letter-spacing: 0.5px;
-  transition: background-color 0.3s;
-  margin: 10px 0;
-  gap: 8px;
+  letter-spacing: 0.8px;
+  transition: all 0.3s;
+  margin: 12px 0;
+  gap: 10px;
+  min-height: 60px; /* Минимальная высота */
 }
+
 .spoiler1-button:hover,
 .spoiler2-button:hover,
 .spoiler3-button:hover {
   background-color: #e0e0e0;
 }
+
 .spoiler1-content,
 .spoiler2-content,
 .spoiler3-content {
-  padding: 16px;
+  padding: 18px;
   border: 1px solid #ddd;
   border-top: none;
-  border-radius: 0 0 4px 4px;
+  border-radius: 0 0 6px 6px;
   display: none;
   margin-top: -4px;
+  font-size: 16px;
+  line-height: 1.5;
 }
+
 .arrow {
   flex-shrink: 0;
   transition: transform 0.3s;
+  width: 20px;
+  height: 20px;
 }
-/* серые линии сверху и снизу */
+
 .spoiler-divider {
   border-bottom: 1px solid #ccc;
-  margin: 10px 0;
+  margin: 12px 0;
 }
 
-/* 📱 Телефон (до 767px) */
+/* 📱 ТЕЛЕФОН (до 767px) - УВЕЛИЧЕННЫЕ РАЗМЕРЫ */
 @media (max-width: 767px) {
   .spoiler1-button,
   .spoiler2-button,
   .spoiler3-button {
-    font-size: 18px;     /* крупнее текст */
-    padding: 16px 20px;  /* больше зона клика */
-    gap: 10px;
+    font-size: 20px;     /* Еще крупнее текст */
+    padding: 20px 24px;  /* Больше отступы */
+    min-height: 70px;    /* Выше кнопка */
+    gap: 12px;
   }
+  
   .spoiler1-content,
   .spoiler2-content,
   .spoiler3-content {
-    font-size: 16px;
-    padding: 14px;
+    font-size: 18px;    /* Крупнее текст контента */
+    padding: 16px;
+  }
+  
+  .arrow {
+    width: 24px;        /* Больше стрелка */
+    height: 24px;
   }
 }
-/* 📱📲 Планшет (768px – 1024px) */
+
+/* 📱📲 ПЛАНШЕТ (768px – 1024px) */
 @media (min-width: 768px) and (max-width: 1024px) {
   .spoiler1-button,
   .spoiler2-button,
   .spoiler3-button {
-    font-size: 17px;
-    padding: 14px 18px;
-    gap: 9px;
-  }
-  .spoiler1-content,
-  .spoiler2-content,
-  .spoiler3-content {
-    font-size: 15px;
-    padding: 14px;
+    font-size: 19px;
+    padding: 18px 22px;
   }
 }
 </style>