.map-domain-step {
	padding: 0;

	form.map-domain-step__form {
		padding: 20px;
		margin-bottom: 9px;
	}

	.domain-product-price {
		float: left;
		line-height: inherit;
		margin: 10px 0;
		min-width: 0;
		padding-right: 0;

		@include breakpoint-deprecated( "<660px" ) {
			padding-bottom: 5px;
		}

		@include breakpoint-deprecated( ">960px" ) {
			float: right;
			margin: 0;
		}
	}

	.calypso-notice {
		margin-top: 25px;
	}

	.domain-search-results__domain-availability,
	.map-domain-step__domain-availability {
		margin-top: 30px;
	}

	.domain-suggestion.card {
		border-left: 3px solid var(--color-success);
	}
}

.map-domain-step__domain-heading {
	font-size: 1em;
	font-weight: 600;

	@include breakpoint-deprecated( ">960px" ) {
		max-width: 75%;
		float: left;
		margin-bottom: 20px;
	}
}

.map-domain-step__add-domain {
	display: flex;
	flex-flow: column;
	width: 100%;

	@include breakpoint-deprecated( ">660px" ) {
		flex-flow: row;
	}
}

.map-domain-step__domain-text {
	font-size: 0.9em;
	margin-top: 20px;
}

.map-domain-step__add-domain .form-text-input-with-affixes__prefix {
	flex: inherit;
}

input[type="text"].form-text-input.map-domain-step__external-domain {
	flex-grow: 1;
	width: auto;
}

.map-domain-step__go {
	flex-grow: 1;
	margin: 10px 0 0;

	@include breakpoint-deprecated( ">660px" ) {
		min-width: 80px;
		flex-grow: 0;
		margin: 0 0 0 10px;
	}
}
