/* Notice look: Takeaway (gold tinted callout with a round gold icon). */
.hmf-notice--takeaway .hmf-callout {
	grid-template-columns: 32px 1fr;
	align-items: start;
	gap: 14px;
	margin-block-start: 30px;
	padding: 20px;
	border: 1px solid #f4e5c5;
	border-radius: 20px;
	background: var(--hc-gold-soft);
	color: var(--hc-ink);
}

.hmf-notice--takeaway .hmf-callout__label {
	display: grid;
	place-items: center;
	inline-size: 32px;
	block-size: 32px;
	margin: 3px 0 0;
	border-radius: 50%;
	background: var(--hc-gold);
	color: var(--hc-ink-2);
}

.hmf-notice--takeaway .hmf-callout__label span {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.hmf-notice--takeaway .hmf-callout__label .hmf-icon {
	inline-size: 20px;
	block-size: 20px;
}

.hmf-notice--takeaway .hmf-notice__body p {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 2.15;
}

.hmf-notice--takeaway a {
	color: var(--hc-blue-deep);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
	overflow-wrap: anywhere;
}

.hmf-notice--takeaway a:hover {
	color: var(--hc-ink);
}

@media (width >= 48rem) {

	.hmf-notice--takeaway .hmf-callout {
		padding: 22px 26px;
	}
}

@media (width >= 68.75rem) {

	.hmf-notice--takeaway .hmf-callout {
		margin-block-start: 36px;
	}
}