/* =substitution note */
.block-substitution-tip {
	position: relative;
	border: 3px solid var(--wp--preset--color--primary);
}

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

.block-substitution-tip :is( p.block-substitution-tip__title, h2, h3, h4) {
	font-family: var(--wp--preset--font-family--display);
	line-height: var(--wp--custom--line-height--small);
	font-size: var(--wp--preset--font-size--huge);
	font-weight: 700;
	margin-bottom: 10px;
}

.block-substitution-tip p.is-style-subtitle {
	margin-bottom: 6px;
	color: var(--wp--preset--color--primary);
}

.block-substitution-tip p {
	margin-top: 0;
}

.block-substitution-tip__icon-container {
	position: absolute;
	width: 60px;
	height: 60px;
	line-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--wp--preset--color--primary);
	border-radius: 50%;
	top: -31px;
}

svg.block-substitution-tip__icon {
	fill: white;
}

@media only screen and (max-width: 767px) {
	.block-substitution-tip {
	padding: 42px 22px 25px;
	}

	.block-substitution-tip__icon-container {
		left: 22px;
	}
}

@media only screen and (min-width: 768px) {
	.block-substitution-tip {
		padding: 46px 32px 32px;
	}

	.block-substitution-tip__icon-container {
		left: 32px;
	}
}