.mwsc-share {
	margin: 1.5em 0;
}

.mwsc-share__panel {
	margin-top: 0.75em;
	max-width: 36em;
}

.mwsc-share__panel[hidden],
.mwsc-share__native[hidden] {
	display: none;
}

.mwsc-share__label {
	display: block;
	margin-bottom: 0.25em;
	font-weight: 600;
}

.mwsc-share__row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
}

.mwsc-share__input {
	flex: 1 1 14em;
	min-width: 0;
}

.mwsc-share__hint {
	margin: 0.5em 0 0;
	font-size: 0.875em;
	opacity: 0.75;
}

.mwsc-share__status {
	margin: 0.5em 0 0;
	min-height: 1.5em;
	font-size: 0.9em;
}

.mwsc-share__status.is-error {
	color: #b32d2e;
}

@media (max-width: 480px) {
	.mwsc-share__row .button {
		flex: 1 1 auto;
	}
}