feat: add mobile design to accordions

components/HotelReservation/EnterDetails/SelectedRoom/index.tsx

@@ -33,26 +33,25 @@ export default function SelectedRoom({
       </div>
       <div className={styles.main}>
         <div className={styles.headerContainer}>
-          <div>
-            <Footnote
-              asChild
-              textTransform="uppercase"
-              type="label"
-              color="uiTextHighContrast"
-            >
-              <h2>{intl.formatMessage({ id: "Your room" })}</h2>
-            </Footnote>
-            <Subtitle
-              type="two"
-              className={styles.selection}
-              color="uiTextHighContrast"
-            >
-              {room.roomType}{" "}
-              <span className={styles.rate}>{`(${rateDescription})`}</span>
-            </Subtitle>
-          </div>
-
+          <Footnote
+            className={styles.title}
+            asChild
+            textTransform="uppercase"
+            type="label"
+            color="uiTextHighContrast"
+          >
+            <h2>{intl.formatMessage({ id: "Your room" })}</h2>
+          </Footnote>
+          <Subtitle
+            type="two"
+            className={styles.description}
+            color="uiTextHighContrast"
+          >
+            {room.roomType}{" "}
+            <span className={styles.rate}>{rateDescription}</span>
+          </Subtitle>
           <Link
+            className={styles.button}
             color="burgundy"
             href={selectRateUrl}
             size="small"