Add options to govspeak blocks for controlling vertical margins

app/views/landing_page/blocks/_govspeak.html.erb

@@ -1,3 +1,18 @@
+<%-
+  margin_top = block.data["margin_top"]
+  margin_bot = block.data["margin_bottom"]
+
+  classes = ""
+  classes << "govuk-!-margin-top-#{margin_top} " if margin_top
+  classes << "govuk-!-margin-bottom-#{margin_bot} " if margin_bot
+%>
+
+<% if classes.present? %>
+  <div class="<%= classes %>">
+<% end %>
 <%= render "govuk_publishing_components/components/govspeak", { inverse: block.data["inverse"] } do %>
   <%= block.data["content"].html_safe %>
 <% end %>
+<% if classes.present? %>
+  </div>
+<% end %>

lib/data/landing_page_content_items/landing_page.yaml

@@ -85,6 +85,8 @@ blocks:
     content: <p>Right content!</p>
 - type: govspeak
   content: <h2>Statistics</h2>
+  margin_top: 5
+  margin_bottom: 5
 - type: hero
   theme: middle_left
   image: