feat: SW-963 Implemented error states and handling booking code and multiroom

apps/scandic-web/components/Forms/BookingWidget/FormContent/Voucher/voucher.module.css

@@ -11,12 +11,6 @@
   margin-top: var(--Spacing-x2);
   align-items: center;
 }
-.vouchers {
-  width: 100%;
-  display: block;
-  padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
-  border-radius: var(--Corner-radius-Small);
-}
 
 .optionsContainer {
   display: flex;
@@ -28,12 +22,6 @@
   height: 24px;
 }
 
-@media screen and (max-width: 767px) {
-  .vouchers {
-    margin-bottom: var(--Spacing-x5);
-  }
-}
-
 @media screen and (min-width: 768px) {
   .options {
     flex-direction: row;
@@ -48,25 +36,9 @@
     grid-template-columns: auto auto;
     column-gap: var(--Spacing-x2);
   }
-  .vouchers:hover,
-  .vouchers:focus-within,
-  .vouchers:has([data-focused="true"], [data-pressed="true"]) {
-    background-color: var(--Base-Surface-Primary-light-Hover-alt);
-  }
-}
-
-@media screen and (max-width: 1366px) {
-  .vouchers {
-    background-color: var(--Base-Background-Primary-Normal);
-    border-radius: var(--Corner-radius-Medium);
-  }
 }
 
 @media screen and (min-width: 1367px) {
-  .vouchers {
-    display: block;
-    max-width: 200px;
-  }
   .options {
     flex-direction: column;
     max-width: 190px;