feat(SW-72): Add flexibility selection

components/HotelReservation/SelectRate/RoomSelection/RoomCard/roomCard.module.css

@@ -8,6 +8,10 @@
   border: 1px solid rgba(77, 0, 27, 0.1);
 }
 
+input[type="radio"]:checked + .card {
+  border: 3px solid var(--Scandic-Brand-Scandic-Red);
+}
+
 .cardBody {
   padding: var(--Spacing-x2);
   display: flex;

components/HotelReservation/SelectRate/RoomSelection/index.tsx

@@ -11,7 +11,7 @@ export default async function RoomSelection({ rooms }: RoomSelectionProps) {
   const { formatMessage } = await getIntl()
 
   return (
-    <div>
+    <div className={styles.wrapper}>
       <div className={styles.header}>
         <Header
           title={formatMessage({ id: "Choose room" })}

components/HotelReservation/SelectRate/RoomSelection/roomSelection.module.css

@@ -1,3 +1,7 @@
+.wrapper {
+  border-bottom: 1px solid rgba(17, 17, 17, 0.2);
+  padding-bottom: var(--Spacing-x3);
+}
 .header {
   margin-top: var(--Spacing-x2);
   margin-bottom: var(--Spacing-x2);