feat(SW-889): design changes

components/TempDesignSystem/TeaserCard/Sidepeek/index.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from "react"
 
-import { ChevronRightIcon } from "@/components/Icons"
+import { ChevronRightSmallIcon } from "@/components/Icons"
 import JsonToHtml from "@/components/JsonToHtml"
 import Button from "@/components/TempDesignSystem/Button"
 
@@ -31,7 +31,7 @@ export default function TeaserCardSidepeek({
         wrapping
       >
         {button.call_to_action_text}
-        <ChevronRightIcon height={20} width={20} />
+        <ChevronRightSmallIcon />
       </Button>
       <SidePeek
         title={heading}
@@ -44,13 +44,7 @@ export default function TeaserCardSidepeek({
         />
         <div className={styles.ctaContainer}>
           {primary_button && (
-            <Button
-              asChild
-              theme="base"
-              intent="primary"
-              size="small"
-              className={styles.ctaButton}
-            >
+            <Button asChild theme="base" intent="primary" size="small">
               <Link
                 href={primary_button.href}
                 target={primary_button.openInNewTab ? "_blank" : undefined}
@@ -61,12 +55,7 @@ export default function TeaserCardSidepeek({
             </Button>
           )}
           {secondary_button && (
-            <Button
-              asChild
-              intent="secondary"
-              size="small"
-              className={styles.ctaButton}
-            >
+            <Button asChild intent="secondary" size="small">
               <Link
                 href={secondary_button.href}
                 target={secondary_button.openInNewTab ? "_blank" : undefined}