fix: Hero buttons not resizing correctly in mobile view

components/home/hero.module.css

@@ -267,14 +267,21 @@
 .actions {
   margin-top: 1.6em;
   margin-bottom: 1.4em;
-  display: block;
-  align-items: left;
-  justify-content: left;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap; /* Allow items to wrap to the next line */
   font-size: 1rem;
   font-size: min(1rem, max(3.5vw, 1.1rem));
   font-weight: 500;
 }
 
+.actions > * {
+  flex: 0 0 auto; /* Prevent items from growing or shrinking */
+  margin: 0.5em; /* Add some margin between items */
+  width: 150px; /* Set a fixed width for the buttons */
+}
+
 a.cta {
   margin-right: 0.75rem;
   padding: 0.75rem 1.5rem;