.header,
.hgroup {
  display: flex;
  flex-direction: column;
}

.header {
  gap: var(--Space-x2);
  grid-area: header;
}

.hgroup {
  gap: var(--Space-x05);
}

.header .confirmTitle {
  color: var(--Text-Accent-Primary);
}

.header .hotelTitle {
  color: var(--Text-Heading);
}

.body {
  max-width: 720px;
}

.actions {
  border-radius: var(--Corner-Radius-md);
  display: grid;
  grid-area: actions;
  justify-content: flex-start;
}

@media screen and (min-width: 768px) {
  .actions {
    gap: var(--Space-x3);
    grid-auto-columns: auto;
    grid-auto-flow: column;
    grid-template-columns: auto;
  }
}

@media screen and (min-width: 1367px) {
  .header {
    padding-bottom: var(--Space-x4);
  }
}