.block-tip {
	background-color: var(--wp--preset--color--quaternary);
	border: 3px solid var(--wp--preset--color--tertiary);
	position: relative;
}

.block-tip,
.block-tip.has-background,
.editor-styles-wrapper .block-tip.has-background {
	padding: 24px 24px 40px;
}

.block-tip.has-background,
.editor-styles-wrapper .block-tip.has-background,
.entry-content > .block-tip.has-background {
	margin-bottom: calc( 36px + var(--wp--custom--layout--block-gap) );
}

.block-tip::after {
	background: url("../../assets/icons/logo/secondary.svg") no-repeat;
	background-size: contain;
	content: '';
	display: block;
	width: 72px;
	height: 72px;
	position: absolute;
	right: 16px;
	bottom: -12px;
}

@media only screen and (min-width: 768px) {
	.block-tip,
	.block-tip.has-background,
	.editor-styles-wrapper .block-tip.has-background {
		padding: 24px 40px 40px;
	}
}