Fixed Call to Action Buttons not having space between them in Safari

CHANGELOG.md

@@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Fixed items placed in right sidebar of Section not receiving the correct classes
 - Fixed Margin Component opacity not working when set to 0
 - Modified Event pattern to render breadcrumbs only if /events url exists
+- Fixed Call to Action Buttons not having space between them in Safari
 
 ## [2.7.0] - 09/03/2020
 

patterns/molecules/call-action/css/calltoaction.component.css

@@ -23,7 +23,8 @@
   font-family: "cern-icons";
   src: url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.eot?") format("eot"), url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.woff2") format("woff2"), url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.woff") format("woff"), url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.ttf") format("truetype"), url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.svg#cern-icons") format("svg"); }
 .component-call-to-action {
-  word-break: break-all; }
+  word-break: break-all;
+  margin-top: 10px; }
   .component-call-to-action.center {
     text-align: center; }
   .component-call-to-action.left {
@@ -93,3 +94,5 @@
           font-weight: normal; }
     .component-call-to-action__wrapper.simple-link:hover a {
       background: transparent; }
+
+/*# sourceMappingURL=calltoaction.component.css.map */

patterns/molecules/call-action/sass/calltoaction.component.scss

@@ -45,6 +45,8 @@
 //* ****************************************** call to actions with icon */
 .component-call-to-action {
   word-break: break-all;
+  margin-top: 10px;
+
   &.center {
     text-align: center;
   }