feat: change GLA to be more clear to the user

apps/scandic-web/components/HotelReservation/EnterDetails/Confirm/confirm.module.css

@@ -4,25 +4,13 @@
   gap: var(--Spacing-x3);
 }
 
-.title {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: var(--Spacing-x-half);
-}
-
-.guaranteeContainer {
+.selections {
+  background-color: var(--Surface-Secondary-Default);
+  border-radius: var(--Corner-radius-Large);
   display: flex;
   flex-direction: column;
-  gap: var(--Spacing-x-one-and-half);
-  background-color: var(--Base-Surface-Primary-light-Normal);
-  border-radius: var(--Corner-radius-md);
-  padding: var(--Spacing-x-one-and-half) var(--Spacing-x2);
-  width: min(512px, 100%);
-}
-.checkbox {
-  display: flex;
-  gap: var(--Spacing-x-one-and-half);
+  gap: var(--Spacing-x2);
+  padding: var(--Spacing-x2);
 }
 
 .checkboxContainer {
@@ -31,33 +19,3 @@
   gap: var(--Spacing-x2);
   width: min(800px, 100%);
 }
-
-.modalContainer {
-  display: flex;
-  flex-direction: column;
-  gap: var(--Spacing-x2);
-  align-items: center;
-  width: 100%;
-}
-
-.infoButton {
-  display: flex;
-  gap: var(--Space-x05);
-  outline: none;
-}
-
-.modalText {
-  text-align: center;
-}
-
-.closeButton {
-  margin-top: var(--Space-x15);
-  width: min(164px, 100%);
-  outline: none;
-}
-
-@media screen and (min-width: 768px) {
-  .modalContainer {
-    width: 552px;
-  }
-}