Centred animated link display fix. WIP #2684 @0:10

diff --git a/wp-content/themes/c6/resources/assets/styles/widgets/hero-block.styl b/wp-content/themes/c6/resources/assets/styles/widgets/hero-block.styl
index ee53253f6c4baf42eb9a1070ebf66e1020b655ae..3989aab0859e168e38919f43d5a559553fb824a1 100644 (file)
--- a/wp-content/themes/c6/resources/assets/styles/widgets/hero-block.styl
+++ b/wp-content/themes/c6/resources/assets/styles/widgets/hero-block.styl
@@ -63,6 +63,7 @@ $breakpoint-hero = 1024px
       max-width: r(880px)
       margin: 0 auto
       color: #fff
+      text-align: center
 
       +below(400px)
         padding: 1em 2em
@@ -101,5 +102,7 @@ $breakpoint-hero = 1024px
       margin: 0 auto
 
   &-cta
-    justify-content: center
+    // Using inline-flex so element is only as wide as it needs
+    // to be and overflow: hidden can work on animated arrows
+    display: inline-flex
     margin-top: 2em