.wp-block-media-text {
	.wp-block-media-text__content {
		padding-inline: 0;
	}

	.wp-block-media-text__media {
		img {
			border-radius: var(--wp--preset--border-radius--medium);
		}
	}

	&.is-style-default,
	&:not([class*="is-style-"]) {
		gap: var(--wp--preset--spacing--50);

		&.is-stacked-on-mobile {
			@media (width < 600px) {
				.wp-block-media-text__content {
					grid-row: 1;
				}

				.wp-block-media-text__media {
					grid-row: 2;
				}
			}
		}
	}

	&.is-style-greeting {
		gap: var(--wp--preset--spacing--50);

		&.is-stacked-on-mobile {
			@media (width < 600px) {
				display: flex;
				flex-direction: column;
				gap: 0;

				.wp-block-media-text__content {
					display: contents;
				}

				.wp-block-media-text__media {
					order: 2;
					grid-row: unset;
					align-self: center;
					width: 100%;
					max-width: min(16rem, 92%);
				}

				.wp-block-media-text__content > .wp-block-heading:first-of-type {
					order: 1;
				}

				.wp-block-media-text__content > *:not(.wp-block-heading:first-of-type) {
					order: 3;
				}

				.wp-block-buttons {
					margin-block-start: var(--wp--preset--spacing--40);
				}
			}
		}
	}

	&.is-style-image-link {
		--border-radius: var(--wp--preset--border-radius--medium);
		position: relative;
		transition: 0.3s var(--wp--custom--transition--easeout-quint) all;
		border-radius: var(--border-radius);
		.wp-block-media-text__media {
			a {
				&::after {
					position: absolute;
					content: "";
					inset: 0 auto auto 0;
					width: 100%;
					height: 100%;
					z-index: 1;
				}
			}

			img {
				border-radius: calc(var(--border-radius) - var(--wp--preset--spacing--30));
			}
		}

		.wp-block-media-text__content {
			.wp-block-heading {
				/* pointer-events: none; */
			}
		}

		&:hover {
			background-color: var(--wp--preset--color--accent-1) !important;
			.wp-block-media-text__content {
				.wp-block-heading {
					color: var(--wp--preset--color--white) !important;
				}
			}
		}

		@media (width < 600px) {
			gap: var(--wp--preset--spacing--30);
			img {
				height: 130px;
				object-fit: cover;
				object-position: top;
			}

			.wp-block-heading {
				margin-block-end: var(--wp--preset--spacing--20) !important;
				font-size: var(--wp--preset--font-size--large);
			}
		}
	}
}

@keyframes slide-1 {
	0% {
		translate: 0 0;
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		translate: -50% 0;
	}
}