fix btn on mobile & add more indent to video block

Author: Arhell

layouts/product-landing.html

@@ -10,7 +10,7 @@
 
       <div class="container-xl px-3 px-md-6 pt-3 pb-2">
         <header class="d-lg-flex gutter-lg mb-6">
-          <div class="col-12 col-lg-6 mb-2 mb-lg-0">
+          <div class="col-12 col-lg-6 mb-3 mb-lg-0">
             <span class="text-mono text-gray">Product</span>
             <h1 class="mb-3 font-mktg">
               {{ page.shortTitle }}
@@ -26,13 +26,13 @@ <h1 class="mb-3 font-mktg">
             </a>
 
             {% if page.introLinks.reference %}
-              <a href="{{ page.introLinks.reference }}" class="ml-3 btn-mktg btn-outline-mktg btn-large f4 mt-3">
+              <a href="{{ page.introLinks.reference }}" class="btn-mktg btn-outline-mktg btn-large f4 mt-3 mr-3">
                 {% data ui.product_landing.reference_guides %}
               </a>
             {% endif %}
 
             {% if page.introLinks.overview %}
-              <a href="{{ page.introLinks.overview }}" class="ml-3 btn-mktg btn-outline-mktg btn-large f4 mt-3">
+              <a href="{{ page.introLinks.overview }}" class="btn-mktg btn-outline-mktg btn-large f4 mt-3 mr-3">
                 {% data ui.product_landing.overview %}
               </a>
             {% endif %}