@import './src/Components/GlobalStyles/mixins';

.signUpWithGoogle {
	.lineContainer {
		display: flex;
		justify-content: center;
		align-items: center;

		h3 {
			margin: 0 20px;
			font-size: 24px;
			font-weight: 600;
			line-height: 51px;
		}

		.leftLine,
		.rightLine {
			width: 190px;
			height: 1px;
			background-color: $light-grey;
		}
	}

	display: flex;
	flex-direction: column;

	.signUpWithGoogleFooter {
		display: block;
		text-align: center;
		margin-top: 15px;
	}

	.continueWithGoogleButton {
		@include Button;

		padding: 15px 0;

		small {
			display: block;
			font-size: 18px;
			color: $dark;
		}
	}
}