feat(SW-650): fix sticky bug on booking widget mob

components/BookingWidget/bookingWidget.module.css

@@ -1,5 +1,11 @@
+.containerDesktop,
+.containerMobile,
+.close {
+  display: none;
+}
+
 @media screen and (max-width: 767px) {
-  .container {
+  .containerMobile {
     background-color: var(--UI-Input-Controls-Surface-Normal);
     bottom: -100%;
     display: grid;
@@ -14,7 +20,7 @@
     border-radius: var(--Corner-radius-Large) var(--Corner-radius-Large) 0 0;
   }
 
-  .container[data-open="true"] {
+  .containerMobile[data-open="true"] {
     bottom: 0;
   }
 
@@ -25,7 +31,7 @@
     justify-self: flex-end;
   }
 
-  .container[data-open="true"] + .backdrop {
+  .containerMobile[data-open="true"] + .backdrop {
     background-color: rgba(0, 0, 0, 0.4);
     height: 100%;
     left: 0;
@@ -37,7 +43,7 @@
 }
 
 @media screen and (min-width: 768px) {
-  .container {
+  .containerDesktop {
     display: block;
     box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.05);
     position: sticky;
@@ -45,10 +51,6 @@
     z-index: 10;
     background-color: var(--Base-Surface-Primary-light-Normal);
   }
-
-  .close {
-    display: none;
-  }
 }
 
 @media screen and (min-width: 1367px) {