.blog-design-mask {
	--wd-post-align: center;
	--color-gray-300: rgba(255, 255, 255, .5);
	--color-gray-500: rgba(255, 255, 255, .7);
	--wd-entities-title-color: #fff;
	--wd-entities-title-color-hover: rgba(255, 255, 255, .8);
}

.blog-design-mask .wd-post-inner {
	position: relative;
	border-radius: var(--wd-brd-radius);
	overflow: hidden;
	transform: translate3d(0, 0, 0);
}

.blog-design-mask .wd-post-content {
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	padding: 50px 25px 15px 25px !important;
	background-color: transparent !important;
	pointer-events: none;
	transform: translate3d(0, 0, 0);
}

.blog-design-mask .wd-post-content>* {
	pointer-events: auto;
}

.blog-design-mask.has-post-thumbnail .wd-post-content {
	background: linear-gradient(to bottom, transparent 5%, rgba(0, 0, 0, .35) 50%, rgba(0, 0, 0, .8) 100%);
}

.blog-design-mask:not(.has-post-thumbnail) .wd-post-inner {
	min-height: 300px;
	background: linear-gradient(to bottom, transparent 5%, rgba(0, 0, 0, .35) 50%, rgba(0, 0, 0, .8) 100%);
}

.blog-design-mask.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-mask.wd-add-shadow:hover .wd-post-inner {
	box-shadow: 0 0 9px rgba(0, 0, 0, .2);
}

@media (max-width: 1024px) {
	.blog-design-mask .wd-post-title {
		font-size: 18px;
	}
}