Merged in feat/book-522-align (pull request #3101)

feat(BOOK-522): align items in topmenu, header and booking widget

* feat(BOOK-522): align items in topmenu, header and booking widget

* Delete old css variable and use new

* Fixed underline on icons


Approved-by: Erik Tiekstra

packages/booking-flow/lib/components/EnterDetails/Payment/payment.module.css

@@ -25,7 +25,7 @@
 .paymentOptionContainer {
   display: flex;
   flex-direction: column;
-  gap: var(--Spacing-x-one-and-half);
+  gap: var(--Space-x15);
 }
 
 .submitButton {
@@ -40,7 +40,7 @@
 .terms {
   display: flex;
   flex-direction: row;
-  gap: var(--Spacing-x-one-and-half);
+  gap: var(--Space-x15);
 }
 
 .checkboxContainer {