.mtc-block-wrap,
.mtc-shortcode-wrap {
	box-sizing: border-box;
	width: 100%;
}

.mtc-card {
	--mtc-accent: #b5322b;
	--mtc-text: #171717;
	--mtc-muted: #4b4b4b;
	--mtc-bg: #fff;
	--mtc-bg-image: none;
	--mtc-bg-position: center center;
	--mtc-bg-size: cover;
	--mtc-overlay: 0;
	--mtc-border: #e4e4e4;
	--mtc-check: #171717;
	--mtc-radius: 0px;
	--mtc-padding: 20px;
	--mtc-title-size: 24px;
	--mtc-body-size: 16px;
	--mtc-shadow: none;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	color: var(--mtc-text);
	background-color: var(--mtc-bg);
	background-image: var(--mtc-bg-image);
	background-position: var(--mtc-bg-position);
	background-size: var(--mtc-bg-size);
	background-repeat: no-repeat;
	border: 1px solid var(--mtc-border);
	border-radius: var(--mtc-radius);
	box-shadow: var(--mtc-shadow);
	font-family: inherit;
}

.mtc-card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: rgba(0, 0, 0, var(--mtc-overlay));
}

.mtc-card > * {
	position: relative;
	z-index: 1;
}

.mtc-card *,
.mtc-card *::before,
.mtc-card *::after {
	box-sizing: border-box;
}

.mtc-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: .55em;
	max-width: calc(100% - 24px);
	margin: 16px 0 0 calc(var(--mtc-padding) * -0.5);
	padding: 8px calc(var(--mtc-padding) * .8);
	color: #fff;
	background: var(--mtc-accent);
	font-size: max(11px, calc(var(--mtc-body-size) * .75));
	font-weight: 800;
	line-height: 1;
	letter-spacing: .02em;
	text-transform: uppercase;
	transform: skew(-7deg);
}

.mtc-eyebrow > * {
	transform: skew(7deg);
}

.mtc-shield {
	width: 16px;
	height: 16px;
	flex: 0 0 auto;
	fill: currentColor;
}

.mtc-content {
	padding: var(--mtc-padding);
}

.mtc-title {
	margin: 0 0 .85em;
	color: var(--mtc-text);
	font-family: inherit;
	font-size: var(--mtc-title-size);
	font-weight: 750;
	line-height: 1.22;
	letter-spacing: -.025em;
}

.mtc-card strong {
	color: var(--mtc-accent);
	font-weight: 800;
}

.mtc-list {
	display: grid;
	gap: .8em;
	margin: 0;
	padding: 0;
	list-style: none;
	color: var(--mtc-muted);
	font-size: var(--mtc-body-size);
	line-height: 1.55;
}

.mtc-list li {
	display: grid;
	grid-template-columns: 1.25em minmax(0, 1fr);
	gap: .65em;
	align-items: start;
	margin: 0;
	padding: 0;
}

.mtc-check {
	width: 1.25em;
	height: 1.25em;
	margin-top: .12em;
	color: var(--mtc-check);
	flex: 0 0 auto;
}

.mtc-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 1.25em;
	padding: .68em 1.35em;
	color: var(--mtc-accent);
	background: transparent;
	border: 1px solid color-mix(in srgb, var(--mtc-accent) 55%, transparent);
	border-radius: max(3px, calc(var(--mtc-radius) * .45));
	font-size: calc(var(--mtc-body-size) * .9);
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.mtc-button:hover,
.mtc-button:focus-visible {
	color: #fff;
	background: var(--mtc-accent);
	transform: translateY(-1px);
}

.mtc-button:focus-visible {
	outline: 2px solid var(--mtc-accent);
	outline-offset: 3px;
}

@media (max-width: 420px) {
	.mtc-content {
		padding: max(14px, calc(var(--mtc-padding) * .8));
	}
}