@import '../GlobalStyles/colors.scss';

:global(.submitButton) {
	background-color: var(--primary-color);
	padding: 0;
	border-radius: 10px;
	margin-top: 78px;
	white-space: nowrap;

	a,
	span {
		padding: 15px 69px;
		text-decoration: none;
		color: white;
		font-size: 1.125em;
		font-weight: 800;
	}

	&.submitting {
		a,
		span {
			color: gray;
		}
	}

	&:hover {
		background-color: var(--primary-color-dark) !important;
	}
}

:global(.cancelButton) {
	background-color: #fff;
	padding: 0;
	border-radius: 10px;
	border: 0;
	margin-top: 78px;
	margin-left: 50px;
	width: 267px;
	white-space: nowrap;

	a,
	span {
		padding: 15px 69px;
		text-decoration: none;
		color: $font-light-grey;
		font-size: 1.125em;
		font-weight: 800;
	}

	&:hover {
		background-color: $grey-button;
	}
}