feat(SW-240): refactor booking widget

components/BookingWidget/bookingWidget.module.css

@@ -1,63 +1,8 @@
 .container {
   border-top: 1px solid var(--Base-Border-Subtle);
+  box-shadow: 0px 16px 24px 0px #00000014;
 }
 
-.form {
-  display: flex;
-  justify-content: space-between;
-  max-width: 1432px;
-  padding: var(--Spacing-x2) var(--Spacing-x5);
-}
-
-.input {
-  display: flex;
-  gap: var(--Spacing-x2);
-  width: 100%;
-  max-width: 1250px;
-}
-
-.button {
-  width: 118px;
-  justify-content: center;
-}
-
-.bodyFontSize {
-  font-size: var(--typography-Caption-Bold-Desktop-fontSize);
-}
-
-.border {
-  border-right: 1px solid var(--Base-Surface-Subtle-Normal);
-}
-
-.where {
-  width: 100%;
-  max-width: 280px;
-  height: 100%;
-  max-height: 46px;
-}
-
-.when,
-.rooms {
-  width: 100%;
-  max-width: 240px;
-}
-
-.vouchers {
-  width: 100%;
-  max-width: 200px;
-}
-
-.options {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  max-width: 158px;
-}
-
-/**
-* Update the styles after mobile UX is ready
-*/
-
 @media screen and (max-width: 1367px) {
   .container {
     display: none;