@import "../../variables";

.vpf-component-notice {
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;

	&.is-info {
		color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
		background-color: color-mix(
			in srgb,
			var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 10%,
			transparent
		);

		p {
			color: inherit;
		}
	}

	p:last-of-type {
		margin-bottom: 0 !important;
	}
}
