feat(SW-829): Added MemberDiscountBanner to Rate Summary

components/HotelReservation/SelectRate/RoomSelection/RateSummary/rateSummary.module.css

@@ -5,8 +5,9 @@
   left: 0;
   right: 0;
   background-color: var(--Base-Surface-Primary-light-Normal);
-  padding: var(--Spacing-x2) var(--Spacing-x3) var(--Spacing-x5);
+  padding: 0 0 var(--Spacing-x5);
   display: flex;
+  flex-direction: column;
   justify-content: space-between;
   align-items: center;
   border-top: 1px solid var(--Base-Border-Subtle);
@@ -17,6 +18,14 @@
   bottom: 0;
 }
 
+.summaryPriceContainer {
+  display: flex;
+  flex-direction: row;
+  gap: var(--Spacing-x4);
+  padding: var(--Spacing-x2) var(--Spacing-x3) 0;
+  width: 100%;
+}
+
 .summaryPrice {
   display: flex;
   width: 100%;
@@ -48,22 +57,50 @@
   white-space: nowrap;
 }
 
+.memberDiscountBannerDesktop {
+  display: none;
+  background: var(--Primary-Light-Surface-Normal);
+  border-radius: var(--Corner-radius-xLarge) var(--Corner-radius-xLarge) 0px
+    var(--Corner-radius-xLarge);
+  flex-direction: row;
+  align-items: center;
+  padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
+  gap: var(--Spacing-x2);
+  max-width: 264px;
+}
+
+.memberDiscountBannerMobile {
+  width: 100%;
+  background: var(--Primary-Light-Surface-Normal);
+  padding: var(--Spacing-x-one-and-half);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 @media (min-width: 768px) {
   .summary {
-    padding: var(--Spacing-x3) var(--Spacing-x7) var(--Spacing-x5);
+    padding: var(--Spacing-x3) var(--Spacing-x2) var(--Spacing-x5);
+    flex-direction: row;
   }
   .petInfo,
   .summaryText,
   .summaryPriceTextDesktop {
     display: block;
   }
-  .summaryPriceTextMobile {
+  .memberDiscountBannerDesktop {
+    display: flex;
+  }
+  .summaryPriceTextMobile,
+  .memberDiscountBannerMobile {
     display: none;
   }
-  .summaryPrice {
-    width: auto;
-  }
+  .summaryPrice,
   .continueButton {
     width: auto;
   }
+  .summaryPriceContainer {
+    width: auto;
+    padding: 0;
+  }
 }