CORE-1083: Update style for promote-snippet

[CORE-1083]

Author: RoyEJohnson

src/app/pages/details/desktop-view/promo.scss

@@ -0,0 +1,6 @@
+@import 'pattern-library/core/pattern-library/headers';
+
+.promote-snippet {
+    padding: 1rem 1.5rem;
+    background-color: ui-color(page-bg);
+}

src/app/pages/details/desktop-view/promo.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import RawHTML from '~/components/jsx-helpers/raw-html';
+import './promo.scss';
 
 export type PromoteData = {
     content?: {
@@ -16,6 +17,6 @@ export default function Promo({promoteSnippet}: {promoteSnippet: PromoteData | P
     }
 
     return (
-        <RawHTML html={data.content.description} />
+        <RawHTML className="promote-snippet" html={data.content.description} />
     );
 }