.block-podcast-episode {
	max-width: 948px !important; /* designs show it narrower than normal */
}

.editor-styles-wrapper .block-podcast-episode {
	pointer-events: none;
}

.block-podcast-episode__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block-podcast-episode__content {
	background: var(--wp--preset--color--background);
	padding: var(--wp--custom--layout--block-gap-large);
}

.block-podcast-episode__eyebrow {
	text-transform: uppercase;
	font-size: var(--wp--preset--font-size--min);
	letter-spacing: var(--wp--custom--letter-spacing--loose);
	font-weight: 600;
	margin-bottom: 10px;
	display: flex;
    align-items: center;
	gap: 5px;
}

.block-podcast-episode__eyebrow svg {
	fill: var(--wp--preset--color--primary);
}

.block-podcast-episode__title,
.block-podcast-episode__content h2 {
	font-family: var(--wp--custom--typography--heading--font-family);
	letter-spacing: var(--wp--custom--typography--heading--letter-spacing);
	text-transform: var(--wp--custom--typography--heading--text-transform);
	line-height: var(--wp--custom--line-height--medium);
	font-weight: 400;
	margin-bottom: 10px;
	font-size: 1.5rem;
}

.block-podcast-episode__excerpt {
	font-size: var(--wp--preset--font-size--tiny);
	margin-bottom: 20px;
}

.block-podcast-episode__preview {
	display: flex;
	align-items: center;
	gap: 10px;
}

.block-podcast-episode__audio {
	line-height: 0;
}

.block-podcast-episode__preview-toggle {
	background: transparent;
	background-size: 44px;
	border-radius: 50%;
	height: 44px;
	width: 44px;
	border: none;
	box-shadow: none;
	padding: 0;
	outline: none;
	cursor: pointer;
	line-height: 0;
	text-align: center;
}

.block-podcast-episode__preview-toggle svg {
	fill: var(--wp--preset--color--primary);
}

.block-podcast-episode__preview-toggle:is(:hover, :focus) svg {
	fill: var(--wp--preset--colore--foreground);
}

.block-podcast-episode__preview-toggle .icon-pause {
	display: none;
}

.block-podcast-episode__preview-toggle.active .icon-play {
	display: none;
}

.block-podcast-episode__preview-toggle.active .icon-pause {
	display: inline;
}

.block-podcast-episode__preview-heading {
	font-family: var(--wp--custom--typography--interface--font-family);
	letter-spacing: var(--wp--custom--typography--interface--letter-spacing);
	text-transform: var(--wp--custom--typography--interface--text-transform);
	font-weight: 600;
	line-height: var(--wp--custom--line-height--medium);
	font-size: var(--wp--preset--font-size--min);
}

@media only screen and (max-width: 760px) {

	.block-podcast-episode__preview {
		margin-bottom: 10px;
	}

}

@media only screen and (min-width: 761px) {

	/* 948 block width 
	image 400
	content 600 
	margin left 348 */

	.block-podcast-episode {
		display: grid;
		grid-template-areas: "stack";
		align-items: center;
		min-height: 400px; /* @TODO may need to update this */
	}

	.block-podcast-episode__image {
		grid-area: stack;
		width: 42.19409283%;
		align-self: stretch;
		height: auto;
	}

	.block-podcast-episode__content {
		grid-area: stack;
		width: 63.29113924%;
		margin-left: 36.70886076%;
	}

	.block-podcast-episode__actions {
		display: flex;
	}

	.block-podcast-episode__preview {
		border-right: 1px solid var(--wp--custom--color--neutral-400);
		padding-right: 16px;
		margin-right: 16px;
	}

	.block-podcast-episode__actions .wp-element-button {
		text-align: center;
	}

}