Rewrite styles to scss and use i respective components

src/components/HeadlineGroup/HeadlineGroup.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import classNames from 'classnames';
+import './headline-group.scss';
+export default function ({ children, secondary = false }: React.PropsWithChildren<{ secondary?: boolean }>) {
+  return <div className={classNames('headline-group', { 'headline-group--secondary': secondary })}>{children}</div>;
+}

src/components/HeadlineGroup/headline-group.scss

@@ -0,0 +1,13 @@
+.headline-group {
+  margin: 0 0 60px;
+  @media (--until-sm) {
+    margin: 30px 0;
+  }
+
+  &--secondary {
+    margin: 10px 0;
+    @media (--until-sm) {
+      margin: 5px 0;
+    }
+  }
+}