fix(BOOK-771): Added spacing between content and cta wrapper in TeaserCard sidepeeks

Approved-by: Bianca Widstam

packages/design-system/lib/components/TeaserCard/Sidepeek/index.tsx

@@ -47,12 +47,14 @@ export default function TeaserCardSidepeek({
           defaultMessage: "Close",
         })}
       >
+        <div className={styles.content}>
           {content ? (
             <JsonToHtml
               nodes={content.json.children}
               embeds={content.embedded_itemsConnection.edges}
             />
           ) : null}
+          {primary_button || secondary_button ? (
             <div className={styles.ctaContainer}>
               {primary_button && (
                 <ButtonLink
@@ -77,6 +79,8 @@ export default function TeaserCardSidepeek({
                 </ButtonLink>
               )}
             </div>
+          ) : null}
+        </div>
       </SidePeek>
     </div>
   )

packages/design-system/lib/components/TeaserCard/Sidepeek/sidepeek.module.css

@@ -6,3 +6,8 @@
   display: grid;
   gap: var(--Space-x2);
 }
+
+.content {
+  display: grid;
+  gap: var(--Space-x4);
+}