// ============================================================================
// :: BOOKING
// ============================================================================
.o-booking {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;

	@include respond-to($screen-medium-base) {
		width: calc(100vw + 53rem);
	}
}

// ============================================================================
// :: Elements
// ============================================================================

.o-booking__section {
	padding: 5rem;

	background-color: $background-color-white;
	box-shadow: $box-shadow;

	.a-hyperlink {
		display: block;

		background: transparent;
		color: $green;

		&.a-hyperlink--checkbox {
			margin-left: 3rem;
		}
	}

	.o-form__submit-btn {
		display: flex;
		justify-content: flex-end;
	}

	@include respond-at($screen-large-base) {
		flex: 0.5;
	}
}

// ============================================================================
// :: Modifiers
// ============================================================================

.o-booking__section--form {
	width: calc(100vw - 4rem);
	margin-right: 1rem;

	box-shadow: none;
	border: $border-light;
	border-radius: 0.6rem;

	@include respond-at($screen-large-base) {
		margin-right: 1.8rem;
	}
}

.o-booking__section--info {
	margin-left: 1rem;

	@include respond-to($screen-medium-base) {
		width: 53rem;
	}

	@include respond-at($screen-large-base) {
		margin-left: 1.8rem;
	}
}