modified: serv_nginx/bbvue/src/components/writeLogo.vue

modified:   serv_nginx/bbvue/src/views/Home.vue
home page buttons background and scale for little displays fixs

serv_nginx/bbvue/src/components/writeLogo.vue

@@ -40,16 +40,9 @@ export default {
     font-weight: 600;
     color: #2e8b57;
     font-size: 0.9rem;
-    border: 2px solid black; /* Black border for the text */
-    padding: 2px 4px; /* Optional: Adds space inside the border */
-    border-radius: 4px; /* Optional: Rounded corners */
-}
-
-/* Скрыть на десктопе по умолчанию */
-@media (min-width: 769px) {
-    .mobile-logo {
-        display: none;
-    }
+    border: 2px solid black;
+    padding: 2px 4px;
+    border-radius: 4px;
 }
 
 /* Показать на мобильных устройствах */

serv_nginx/bbvue/src/views/Home.vue

@@ -324,7 +324,7 @@ export default {
   font-size: 3rem;
   font-weight: 800;  
   text-shadow:
-    2px 2px 4px #26302868;
+    2px 2px 4px #8bbb939f;
   line-height: 1.1;
   margin-bottom: 0.5rem;
   letter-spacing: 2px;
@@ -382,14 +382,17 @@ export default {
 }
 
 .btn-primary {
-  background: #ffd700;
-  color: #333;
+  border: 2px solid;
+  color: #ffffff;
   box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
 }
 
 .btn-primary:hover {
   transform: translateY(-2px);
   box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4);
+  background: white;
+  color: #2e8b57;
+  border-color: white;
 }
 
 .btn-outline {
@@ -766,7 +769,7 @@ export default {
 
   .btn-large {
     width: 100%;
-    max-width: 300px;
+    max-width: 260px;
   }
 
   .hero-stats {
@@ -819,18 +822,18 @@ export default {
   }
 }
 
-@media (max-width: 360px) {
+@media (max-width: 480px) {
   .hero-actions {
     gap: 0.5rem;
   }
   
   .btn {
     font-size: 0.85rem;
-    padding: 12px 16px;
+    padding: 12px 14px;
   }
   
   .btn-large {
-    padding: 14px 18px;
+    padding: 14px 14px;
     font-size: 0.9rem;
   }
 }