feat(SW-2178): Changed to new buttons for summary inside enter details

Approved-by: Michael Zetterberg
Approved-by: Matilda Landström

apps/scandic-web/components/HotelReservation/PriceDetailsModal.tsx

@@ -1,11 +1,10 @@
 "use client"
 import { useIntl } from "react-intl"
 
+import { Button } from "@scandic-hotels/design-system/Button"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import Modal from "@/components/Modal"
-import Button from "@/components/TempDesignSystem/Button"
-import Caption from "@/components/TempDesignSystem/Text/Caption"
 
 export default function PriceDetailsModal({
   children,
@@ -16,10 +15,12 @@ export default function PriceDetailsModal({
     <Modal
       title={intl.formatMessage({ id: "Price details" })}
       trigger={
-        <Button intent="text">
-          <Caption color="burgundy">
-            {intl.formatMessage({ id: "Price details" })}
-          </Caption>
+        <Button
+          variant="Text"
+          typography="Body/Supporting text (caption)/smBold"
+          wrapping={false}
+        >
+          {intl.formatMessage({ id: "Price details" })}
           <MaterialIcon icon="chevron_right" color="CurrentColor" size={20} />
         </Button>
       }