.booking-confirmation-section .container {
  display: none;
  row-gap: 4rem;
}

.booking-confirmation-section[aria-busy="false"] .container  {
  display: grid;
}

.booking-confirmation-section[aria-busy="true"]:after {
  display: block;
  mask-image: url('../../assets/icons/loader.svg');
  animation: spin 1s linear infinite;
}

.booking-confirmation-section[data-booking-cancel="true"] :is(.booking-confirmation-title, .booking-confirmation-text) {
  display: none;
}

.booking-confirmation-section[data-booking-cancel="true"] :is(.booking-confirmation-cancel-title, .booking-confirmation-cancel-text) {
  display: inline;
}

.booking-confirmation-cancel-title,
.booking-confirmation-cancel-text {
  display: none;
}

.booking-confirmation-section .container > hgroup {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
}

.booking-confirmation-section .container > hgroup > p {
  text-align: center;
}

.booking-confirmation-section .container > .button {
  justify-self: center;
}

.booking-confirmation-email {
  font-weight: var(--font-weight-semibold);
}