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/SelectRate/RoomsContainer/RateSummary/MobileSummary/Summary.tsx

@@ -2,6 +2,7 @@
 import { Fragment } from "react"
 import { useIntl } from "react-intl"
 
+import { Button } from "@scandic-hotels/design-system/Button"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import { dt } from "@/lib/dt"
@@ -9,7 +10,6 @@ import { dt } from "@/lib/dt"
 import PriceDetailsModal from "@/components/HotelReservation/PriceDetailsModal"
 import SignupPromoDesktop from "@/components/HotelReservation/SignupPromo/Desktop"
 import Modal from "@/components/Modal"
-import Button from "@/components/TempDesignSystem/Button"
 import Divider from "@/components/TempDesignSystem/Divider"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
@@ -79,12 +79,7 @@ export default function Summary({
           />
           {dt(booking.toDate).locale(lang).format("ddd, D MMM")} ({nights})
         </Body>
-        <Button
-          intent="text"
-          size="small"
-          className={styles.chevronButton}
-          onClick={toggleSummaryOpen}
-        >
+        <Button onPress={toggleSummaryOpen} variant="Icon">
           <MaterialIcon
             icon="keyboard_arrow_down"
             size={20}
@@ -181,10 +176,17 @@ export default function Summary({
                 </Caption>
                 <Modal
                   trigger={
-                    <Button intent="text">
-                      <Caption color="burgundy" type="underline">
-                        {intl.formatMessage({ id: "Rate details" })}
-                      </Caption>
+                    <Button
+                      variant="Text"
+                      typography="Body/Supporting text (caption)/smBold"
+                      wrapping={false}
+                    >
+                      {intl.formatMessage({ id: "Rate details" })}
+                      <MaterialIcon
+                        icon="chevron_right"
+                        size={20}
+                        color="CurrentColor"
+                      />
                     </Button>
                   }
                   title={room.cancellationText}