.block-mt,
.block-mt.alignfull,
.block-mt.has-background,
.block-mt.has-background.alignfull,
.editor-styles-wrapper .block-mt.has-background,
.editor-styles-wrapper .block-mt.alignfull,
.editor-styles-wrapper .block-mt.has-background.alignfull {
	padding: 0;
}

.block-mt__inner {
	display: flex;
	flex-direction: column;
	text-align: center;
}

.block-mt__video {
	align-self: stretch;
}

.block-mt__video > iframe {
	display: block;
	width: 100%;
	min-height: 100%;
}

.block-mt__image {
	padding: 16px 16px 0;
}

.block-mt__image img {
	width: 100%;
}

.block-mt__content {
	padding: 24px var(--wp--custom--layout--padding);
}

.block-mt:where(.featured) .block-mt__pretitle::before {
	background-color: currentColor;
	content: none;
	display: block;
	-webkit-mask-image: url("https://www.thecookierookie.com/wp-content/themes/thecookierookie-2024/blocks/media-and-text/curvy-arrow.svg");
	mask-image: url("https://www.thecookierookie.com/wp-content/themes/thecookierookie-2024/blocks/media-and-text/curvy-arrow.svg");
	width: 69px;
	height: 50px;
	margin-block-end: var(--wp--custom--layout--block-gap);
}

.block-mt__content .wp-element-button:where(:not(:is(.secondary-link)))::after {
	content: " →";
}

.block-mt .block-mt__dialog,
.block-mt.alignfull .block-mt__dialog {
	background-image: url("https://www.thecookierookie.com/wp-content/themes/thecookierookie-2024/blocks/media-and-text/bg-modal.png");
	background-position: 50% 50%;
	border: none;
	max-width: 680px;
	max-height: min(390px, 100vh);
	padding: var(--wp--custom--layout--block-gap-large);
	width: calc(100% - 2 * var(--wp--custom--layout--padding));
	overflow-y: auto;
}

.block-mt__dialog-inner h2 {
	text-align: center;
	text-transform: lowercase;
}

.block-mt__dialog-inner input[type="text"],
.block-mt__dialog-inner input[type="email"] {
	font-family: var(--wp--preset--font-family--secondary);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 400;
	margin-block-end: 12px;
}

.block-mt__dialog-inner button,
.block-mt__dialog-inner input[type="submit"] {
	background-color: var(--wp--preset--color--secondary);
	border: none;
	cursor: pointer;
	display: block;
	font-family: var(--wp--preset--font-family--secondary);
	font-weight: 900;
	letter-spacing: var(--wp--custom--letter-spacing--loose);
	padding: var(--wp--custom--button--padding-block) var(--wp--custom--button--padding-inline);
	text-transform: uppercase;
	width: 100%;
}

.block-mt__dialog-inner button:where(:focus, :hover),
.block-mt__dialog-inner input[type="submit"]:where(:focus, :hover) {
	filter: brightness(85%);
}

.block-mt__dialog p {
	margin: 0;
}

.block-mt__dialog-close {
	background-color: transparent;
	border: none;
	color: currentColor;
	cursor: pointer;
	fill: currentColor;
	position: absolute;
	top: 4px;
	right: 0;
}

.block-mt__dialog::backdrop {
	background-color: rgb( 0 0 0 / 0.9);
}

.editor-styles-wrapper .block-mt__video,
.editor-styles-wrapper .block-mt .wp-element-button,
.editor-styles-wrapper .block-mt__content a {
	pointer-events: none;
}

@media only screen and (min-width: 1024px) {
	.block-mt__inner {
		flex-direction: row;
		align-items: center;
		text-align: left;
	}

	.block-mt__inner > * {
		flex: 1;
	}

	.block-mt__image {
		padding: 24px 0 24px 24px;
	}

	.block-mt__content {
		padding: var(--wp--custom--layout--block-gap-large);
	}

	.block-mt:where(.featured) .block-mt__pretitle::before {
		content: "";
	}
}