WEB-2418: Restore padding in hero mobile layouts

Author: Marcosld

src/__screenshot_tests__/__image_snapshots__/hero-screenshot-test-tsx-hero-brand-mobile-ios-1-snap.png

@@ -39,7 +39,14 @@ export const containerDesktop = sprinkles({alignItems: 'center', height: '100%'}
 
 export const actions = style([
     sprinkles({display: 'flex', flex: 1, alignItems: 'flex-end'}),
-    {marginTop: 32},
+    {
+        marginTop: 24,
+        '@media': {
+            [mq.tabletOrBigger]: {
+                marginTop: 32,
+            },
+        },
+    },
 ]);
 
 export const layout = style({