.instagram-business {
	&__requirements {
		margin-top: 16px;
		margin-bottom: 16px;
	}

	&__help-link {
		display: block;
		margin-top: 16px;
	}
}

.sharing-service-distributed-example {
	form {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
		margin-bottom: 2rem;
		max-width: 25rem;

		// Override the weird styling for examples
		.sharing-service-example {
			@include breakpoint-deprecated( "<660px" ) {
				margin: 0;
			}
			&:first-child {

				@include breakpoint-deprecated( "<480px" ) {
					margin-bottom: 0;
				}
			}
		}
	}
	.form-setting-explanation {
		margin-bottom: 1rem;
	}
	.form-button {
		display: flex;
		gap: 0.5rem;
	}
}

.service-example__screenshot {
	img {
		width: 100%;
		max-width: 550px;
		margin-bottom: 1rem;
	}

	&-label {
		margin-bottom: 1rem;
	}
}

.connections__sharing-service-tip {
	margin: 1rem 0;
}

.sharing-service-examples {
	display: grid;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
	margin-top: 0.4rem;

	@media (max-width: 660px) {
		grid-auto-flow: row;
		grid-gap: 2rem;
		height: auto;
		min-height: unset;
	}

	img {
		max-height: 520px;
		max-width: 100%;
	}

	>div {
		&:has(img) {
			margin-inline-start: auto;
			margin-inline-end: auto;
		}
	}
}