@use "@automattic/jetpack-base-styles/root-variables";

.connections-list {
	list-style-type: none;
	margin: 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;

	.components-notice {
		margin: 5px 0 10px;
	}
}

.more-link {
	display: inline-block;
	margin-top: 6px;
}

.change-settings-button {
	padding: 0;
	height: auto;
	margin-inline-start: 15px;
}

.enhanced-features-nudge {
	margin-block-end: 1rem;
}

.enabled-connections-notice {
	color: var(--jp-gray-50);
	margin-bottom: 0.25rem;
}

.no-connections-text {
	display: block;
	margin-bottom: 1rem;
}

.broken-connection-btn {

	&:global(.components-button.is-link.components-button.is-link) {
		font-size: inherit;
		font-weight: inherit;

		&:hover {
			text-decoration: none;
		}
	}
}

.broken-connection-service {

	.broken-connection {
		font-weight: 700;
		font-style: italic;
		word-wrap: break-word;
	}
}

.settings-button.settings-button {
	display: block;
	margin-bottom: 0.5rem;
}

.share-post-form__media-section {
	margin-top: 1rem;
}

.unsupported-connections-list {
	margin-inline-start: 1rem;
	list-style-type: disc;
}
