.block-tip {
	--cwp-tip-offset: 20px;
	border: 1px solid var(--wp--preset--color--primary);
	padding: 0 24px 24px;
	margin-top: calc( 40px + var(--cwp-tip-offset) );
}

.entry-content > div.block-tip {
	margin-top: calc( 40px + var(--cwp-tip-offset) ) !important;
}

.block-tip ul {
	padding-left: 20px; /* reduce amount of left whitespace when lists are used */
}

.block-tip > *:last-child {
	margin-bottom: 0;
}

.block-tip > *:first-child {
	margin-top: 32px;
}

.block-tip > .block-tip__title:first-child {
	background: var(--wp--preset--color--background);
	color: var(--wp--preset--color--primary);
	display: table;
	font-size: var(--wp--preset--font-size--x-large);
	margin: 0 0 -10px -12px; /* bottom margin controls how close following text can get to it */
	padding: 0px 12px;
	text-transform: none;
	transform: translateY( calc(-1 * var(--cwp-tip-offset) ) );
}

.block-tip > .block-tip__title:first-child + * {
	margin-top: 0;
}