fix: make social icons in the hero element smaller on mobile

packages/base/ContentBlocks/ContentElements/hero/assets/frontend.css

@@ -7,7 +7,6 @@
   background: url('../../../Images/background.jpg') repeat;
 }
 
-
 .frame-type-cloonar_hero + .frame {
     margin-top: -10rem;
 }
@@ -59,17 +58,17 @@
   display: flex;
   gap: 0.5rem;
   margin-bottom: 1rem;
-
 }
 
+/* Smaller icons on mobile */
 .frame-type-cloonar_hero .social-icon {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   background: var(--bs-primary);
   color: var(--bs-yellow);
-  font-size: 1.5rem;
-  padding: 2.375rem;
+  font-size: 1rem;
+  padding: 1rem;
   text-decoration: none;
   border-radius: 50%;
   transition: background 0.3s;
@@ -115,6 +114,7 @@
     width: 2.5rem;
     height: 2rem;
     font-size: 2rem;
+    padding: 2.375rem;
   }
 
   .frame-type-cloonar_hero .hero-image {