Merge pull request #14959 from guardian/jm/fix-cta-too-narrow

Simplify button container margins and adjust padding for maybe later

Author: juabara

dotcom-rendering/src/components/marketing/banners/designableBanner/DesignableBanner.tsx

@@ -878,8 +878,7 @@ const styles = {
 		flex-direction: row;
 		gap: ${space[2]}px;
 		justify-content: stretch;
-		margin-left: ${space[2]}px;
-		margin-right: ${space[2]}px;
+		margin: 0;
 
 		> a {
 			flex: 1 0 100%;
@@ -888,8 +887,6 @@ const styles = {
 
 		${from.tablet} {
 			justify-content: center;
-			margin-left: 0px;
-			margin-right: 0px;
 			max-width: 100%;
 		}
 
@@ -899,7 +896,6 @@ const styles = {
 				flex: 1 0 50%;
 				justify-self: stretch;
 			}
-			margin-left: 0px;
 			flex-direction: row;
 			flex-wrap: nowrap;
 			justify-content: start;
@@ -988,7 +984,12 @@ const styles = {
 		.maybe-later & {
 			flex-direction: row;
 			flex-wrap: wrap;
-			padding: ${space[3]}px 0;
+			padding: ${space[3]}px;
+
+			${from.phablet} {
+				flex-direction: row;
+				padding: ${space[3]}px 0;
+			}
 		}
 
 		${until.phablet} {