.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; } }