.wp-block-group {
	
	.foo{}
	&.is-style-flyer {
		position: relative;
		background-color: var(--wp--preset--color--base);
		border-radius: 15px;
		padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--70);
		box-shadow: 2px 2px 5px 2px rgb(0 0 0 / .1);
		z-index: 1;
	}

	&.is-style-card-post {
		--thumb-height: 220px;
        position: relative;
        width: 100%;
		height: 100%;
        border-radius: 1rem;
        overflow: hidden;
        box-shadow: 1px 1px 5px rgb(0 0 0 / .1);
        transform: scale(1.0);
        transition: box-shadow .35s, transform .35s;
		
		.foo{}
		>* {
			flex-grow: 0;
		}
		
		[href] {
			text-decoration: none;
		}
		
		.feature-image-box {
			height: var(--thumb-height);
			
			.foo{}
			&:not(:has(>.wp-block-post-featured-image)) {
				background-image: url(../../images/featured/background.jpg);
				background-size: cover;
			}
		}
		
		.components-placeholder.block-editor-media-placeholder {
			min-height: var(--thumb-height);
		}
		
		.wp-block-post-featured-image {
			overflow: hidden;
			width: 100%;
			height: 100%;
			margin: 0;
			
			.foo{}
			img {
				margin: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				transform: scale(1.0);
				transition: transform .3s;
				object-position: 50% 20%;
			}
		}
		
		.is-style-tag {
			display: contents;
			
			.foo{}
			[rel="tag"] {
				margin: 0;
			}
		}
		
		.wp-block-post-date {
			display: flex;
            justify-content: flex-end;
            color: var(--wp--preset--color--grey);
            line-height: 2em;
            flex-grow: 1;
			
			.foo{}
			*:has(>&) {
				display: flex;
				flex-direction: row-reverse;
				gap:1.2rem;
				flex-wrap: wrap;
				justify-content: flex-end;
				padding: var(--wp--preset--spacing--20);
			}
		}
		
		.wp-block-post-title {
			width: 100%;
			margin: 0;
			padding-right: var(--wp--preset--spacing--40);
			padding-left: var(--wp--preset--spacing--40);
			padding-bottom: var(--wp--preset--spacing--40);
			margin-top: auto;
			text-decoration: none;
			.foo{}
			&:hover {
				color: var(--wp--preset--color--accent-4);
			}
			>a {
				color: inherit;
			}
		}
		
		.wp-block-post-excerpt {
			position: absolute;
			top: 1rem;
			left: 1rem;
			right: 1rem;
			height: 0%;
			display: flex;
			align-items: flex-start;
			padding: 0rem 1rem;
			margin: -5rem 0 0;
			overflow: hidden;
			transition: height .35s, padding .35s, margin .35s;
			z-index: 1;
			
			.foo{}
			>p {
				padding: 2rem;
				max-height: 140px;
				color: var(--wp--preset--color--accent-1);
				font-family: var(--wp--preset--font-family--ibm-plex-sans);
				font-size: var(--wp--preset--font-size--small);
				background: rgb(255 255 255/.8);
				border-radius: 1rem;
				box-shadow: 1px 1px 4px rgba(0 0 0 / .1);
				overflow: hidden;
				line-height: 1.2;
				margin: 0;
				
				.foo{}
				&:empty {display:none;}
			}
		}
		
		.wp-block-read-more {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: var(--thumb-height);
			opacity: 0;
			background: none;
			z-index: 1;
		}
		
		&:hover {
			transform: scale(1.0);
			box-shadow: 1px 1px 5px rgb(0 0 0/.2), 0 10px 15px rgb(0 0 0/.1);
			
			.foo{}
			.wp-block-post-excerpt {
				height: calc(var(--thumb-height) - 2rem);
				padding: 1rem;
				margin: 0;
			}
			
			.wp-block-post-featured-image img {
				transform: scale(1.05);
			}
		}
	}
}