feat: button design, icons fix

packages/base/Resources/Public/Scss/components/_buttons.scss

@@ -0,0 +1,9 @@
+.btn {
+  background-color: var(--bs-primary);
+  color: var(--bs-yellow);
+  font-family: 'Hajime Sans', sans-serif;
+  border-radius: 2rem;
+  padding: 0.75rem 1.5rem;
+  border: none;
+  cursor: pointer;
+}

packages/base/Resources/Public/Scss/components/_navigation.scss

@@ -120,6 +120,7 @@ header {
   @media (max-width: $breakpoint-lg) {
     .nav-toggle {
       display: block;
+      margin-left: auto; // move toggle to the right on mobile
     }
 
     .nav-links {
@@ -130,6 +131,7 @@ header {
       flex-direction: column;
       max-height: 0;
       overflow: hidden;
+      background: #fff; // Add white background for mobile dropdown
       @include transition(max-height, 0.4s);
 
       .nav-item {

packages/base/Resources/Public/Scss/components/_news.scss

@@ -25,7 +25,6 @@
         grid-column: 5 / span 2;
         grid-row: 2;
       }
-
     }
   }
 
@@ -82,7 +81,6 @@
     height: auto;
   }
 
-
   a {
     position: relative;
     display: flex;
@@ -133,10 +131,9 @@
   }
 }
 
-/* Show mobile button only below desktop breakpoint */
+/* Show mobile button only below desktop breakpoint, add space above */
 .mobile-btn {
-  display: block;
-  margin-top: 1rem;
+  margin-top: 2rem; /* Added space between the news list and the show all button */
   @media (min-width: $breakpoint-lg) {
     display: none;
   }