4 across main buttons mobile 1

_posts/statistics/partnership stats/2023-08-03-partnerships_in_modern_business.md

@@ -21,7 +21,7 @@ permalink: /statistics/partnerships/modern-business/
         display: flex; /* Aligns the buttons in a row */
         justify-content: space-between; /* Distributes space evenly between buttons */
         gap: 10px; /* Adds space between each button */
-        flex-wrap: nowrap; /* Prevents buttons from wrapping to the next line */
+        flex-wrap: wrap; /* Allows buttons to wrap to the next line if needed */
     }
 
     .main-button {
@@ -36,7 +36,7 @@ permalink: /statistics/partnerships/modern-business/
         text-decoration: none; /* Removes underline from the text */
         transition: transform 0.3s, box-shadow 0.3s; /* Adds smooth transition effects */
         box-shadow: 0 4px 6px rgba(0, 99, 160, 0.2); /* Adds a shadow for depth */
-        flex: 1 1 22%; /* Ensures four buttons fit across the page */
+        flex: 1 1 calc(25% - 20px); /* Ensures four buttons fit across the page */
         margin: 5px; /* Adds margin around each button */
         white-space: nowrap; /* Ensures text stays on one line */
     }
@@ -52,6 +52,12 @@ permalink: /statistics/partnerships/modern-business/
         border-bottom: 0; /* Removes the bottom border */
         text-decoration: none; /* Ensures no underline on the text */
     }
+
+    @media (max-width: 768px) {
+        .main-button {
+            flex: 1 1 100%; /* Ensures one button fits across the page on mobile */
+        }
+    }
 </style>