.block-tip:not(.has-background) {
	background: var(--wp--preset--color--backdrop);
}

.wp-block.has-background[data-type="cwp/tip"] {
	padding: 0;
}

@media only screen and (max-width: 767px) {
	.block-tip.has-background,
	.block-tip:not(.has-background),
	.wp-block.has-background[data-type="cwp/tip"] > .block-tip {
		padding: 24px;
	}
}

@media only screen and (min-width: 768px) {
	.block-tip.has-background,
	.block-tip:not(.has-background),
	.wp-block.has-background[data-type="cwp/tip"] > .block-tip {
		padding: 32px;
	}
}