.blog-design-meta-image :is(.wd-post-header, .wd-post-actions) {
	display: flex;
	align-items: center;
	gap: 13px;
}

.blog-design-meta-image .wd-post-thumb.color-scheme-light {
	--color-gray-400: rgba(255, 255, 255, .9);
	--color-gray-500: #fff;
}

.blog-design-meta-image :is(.wd-post-header, .wd-post-meta) {
	font-size: .95em;
}

.blog-design-meta-image .wd-post-share .tooltip {
	transform: none;
	left: auto;
	inset-inline-end: -15px;
}

.blog-design-meta-image .wd-post-share .tooltip .tooltip-arrow {
	left: auto;
	inset-inline-end: 15px;
	margin: 0;
	transform: none;
}

.blog-design-meta-image .wd-post-author {
	flex-grow: 1;
}

.blog-design-meta-image .wd-post-author img {
	width: revert-layer;
}

.blog-design-meta-image .wd-post-cat:not(:last-child):after {
	content: "/";
	margin-inline-start: 10px;
	color: var(--color-gray-400);
}

.blog-design-meta-image.has-post-thumbnail .wd-post-header {
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	z-index: 1;
	padding: 15px 20px;
	transition: all .25s ease;
	pointer-events: none;
	background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .3) 100%);
	transform: translateZ(0);
}

.blog-design-meta-image.has-post-thumbnail .wd-post-header>div {
	pointer-events: auto;
}

.blog-design-meta-image:not(.has-post-thumbnail) :is(.wd-post-img, .wd-post-link) {
	display: none;
}

.blog-design-meta-image:not(.has-post-thumbnail) .wd-post-thumb {
	overflow: visible;
}

.blog-design-meta-image.blog-style-flat .wd-post-thumb {
	margin-bottom: 15px;
}

.blog-design-meta-image.blog-style-bg .wd-post-inner {
	background-color: var(--bgcolor-white);
	border-radius: var(--wd-brd-radius);
}

.blog-design-meta-image.blog-style-bg .wd-post-thumb {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.blog-design-meta-image.blog-style-bg:not(.has-post-thumbnail) .wd-post-header {
	padding: 25px 25px 0;
	margin-bottom: -10px;
}

.blog-design-meta-image.wd-add-shadow .wd-post-inner {
	box-shadow: 0 0 4px rgba(0, 0, 0, .12);
	transition: box-shadow .5s cubic-bezier(0, 0, .44, 1.18);
}

.blog-design-meta-image.wd-add-shadow:hover .wd-post-inner {
	box-shadow: 0 0 9px rgba(0, 0, 0, .2);
}