feat(BOOK-743): Replaced deprecated Button component

Approved-by: Bianca Widstam

apps/scandic-web/components/SasTierComparison/index.tsx

@@ -1,9 +1,9 @@
 "use client"
 import Image from "next/image"
 
+import ButtonLink from "@scandic-hotels/design-system/ButtonLink"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { JsonToHtml } from "@scandic-hotels/design-system/JsonToHtml"
-import { OldDSButton as Button } from "@scandic-hotels/design-system/OldDSButton"
 import Link from "@scandic-hotels/design-system/OldDSLink"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
@@ -68,11 +68,13 @@ export function SasTierComparison({
         </div>
       </div>
       {tierComparison.cta?.link && (
-        <Button theme="primaryLight" asChild className={styles.ctaButton}>
-          <Link href={tierComparison.cta.link.url} color="white">
-            {tierComparison.cta.title || tierComparison.cta.link.title}
-          </Link>
-        </Button>
+        <ButtonLink
+          variant="Tertiary"
+          className={styles.ctaButton}
+          href={tierComparison.cta.link.url}
+        >
+          {tierComparison.cta.title || tierComparison.cta.link.title}
+        </ButtonLink>
       )}
     </Section>
   )

apps/scandic-web/components/SasTierComparison/sasTierComparison.module.css

@@ -196,7 +196,6 @@
   }
 
   a.ctaButton {
-    width: fit-content;
     margin: 0 auto;
   }