.wc-blocks-incompatible-extensions-notice.is-dismissible {
	margin: 0;
	padding-right: 16px;
	.components-notice__dismiss {
		min-width: 24px;
	}
	.components-notice__content {
		margin: 4px 0;
	}
	svg {
		width: 16px;
		height: 16px;
	}
	.wc-blocks-incompatible-extensions-notice__content {
		display: flex;

		.wc-blocks-incompatible-extensions-notice__warning-icon {
			width: 24px;
			height: 24px;
			margin-right: 6px;
			min-width: 24px; // Ensure that notice is visible in Safari. See https://github.com/woocommerce/woocommerce-blocks/issues/11734
		}
	}
	ul {
		margin: 0 0 1em 1.2em;
		padding: 0;
		list-style: disc outside;
	}
}

.wc-blocks-legacy-page-notice {
	margin: 0;
}

ul.cross-list {
	list-style: none outside;
	margin: 0 0 24px 1em;
	padding: 0;
	li {
		list-style: none outside;
		margin: 1em 0;
		padding: 0;
	}
	li::before {
		content: "❌";
		margin-right: 0.5em;
	}
}

.wc-blocks-incompatible-extensions-notice-modal-content {
	p {
		margin-top: 0;
	}
}

.wc-blocks-incompatible-extensions-notice-modal-actions {
	text-align: right;

	button {
		margin-left: 4px;
		display: inline-block;
	}
}
