@import '../../../_common/scss/_main.scss';

.GuestJoinForm {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;

	&__Last,
	&__First {
		width: calc(50% - #{$gutter-small});
		&__input {
			width: 100%;
		}
		&__label {
			font-size: $font-size-h6;
		}
	}
	.GuestJoinForm__Last,
	.GuestJoinForm__First {
		&__input-error {
			border-color: $error-color;
		}
		&__label-error {
			color: $error-color;
		}
	}

	&__Submit {
		flex: 100%;
		margin-top: $gutter;
	}

	&__Copy,
	&__Login {
		width: 100%;
		text-align: center;
		margin-bottom: 0;
		color: $primary-text-color;
	}

	&__Login {
		margin-top: $gutter;

		&__Link {
			cursor: pointer;
			color: $link-color;
			background: none;
			border: none;
		}
	}
}