.wp-block-coblocks-alert {
	background-color: $color-alert-default-bg;
	border-radius: 4px;
	color: $color-alert-default-color;
	padding: 2em;

	&:not(.has-background) {

		&.is-style-warning {
			background-color: $color-alert-warning-bg;
		}

		&.is-style-error {
			background-color: $color-alert-error-bg;
		}

		&.is-style-success {
			background-color: $color-alert-success-bg;
		}
	}

	&:not(.has-text-color) {

		&.is-style-warning {
			color: $color-alert-warning-color;
		}

		&.is-style-error {
			color: $color-alert-error-color;
		}

		&.is-style-success {
			color: $color-alert-success-color;
		}
	}

	&__title {
		display: block;
		margin-bottom: 0.5em;
		margin-top: 0;

		&:empty {
			display: none;
		}
	}

	&__text {
		margin-bottom: 0;
		margin-top: 0;
	}
}
