.widget-post-card {
	position: relative;
	display: block;
}

.widget-post-card:not(:last-child) {
	margin-bottom: 12px;
}

.widget-post-card .widget-post-card-img {
    transition: opacity ease .1s;
}

.widget-post-card:hover .widget-post-card-img {
    opacity: .9;
}

.widget-post-card:first-child {
	height: 219px;
}

.widget-post-card:first-child .widget-post-card-img {
	border-radius: 12px;
}

.widget-post-card:first-child .widget-post-card-body {
	position: absolute;
	bottom: 0;
	left: 0;
}

.widget-post-card:first-child .widget-post-card-data,
.widget-post-card:first-child .widget-post-card-title span {
    position: relative;
    display: inline-block;
    padding: 12px 24px 0 0;
    color: var(--mirage-950);
    background: var(--mirage-50);
    border-radius: 0 16px 0 0;
}

.widget-post-card:first-child .widget-post-card-data {
    top: 2px;
    font-size: 12px;
    line-height: 16px;
}

.widget-post-card:first-child .widget-post-card-title span {
    max-width: 350px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    transition: color ease .1s
}

.widget-post-card:first-child:hover .widget-post-card-title span {
    color: var(--thunderbird-500);
}

.widget-post-card:first-child .widget-post-card-data::before,
.widget-post-card:first-child .widget-post-card-title span::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: -12px;
    width: 12px;
    height: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAxMkM1LjM3MjU2IDEyIDAgNi42Mjc0NCAwIDBWMTJIMTJaIiBmaWxsPSIjRjVGNkZBIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: 12px;
}

.widget-post-card:not(:first-child) {
    color: var(--mirage-950);
    display: grid;
    grid-template-columns: 104px 1fr;
    align-items: center;
    grid-gap: 10px;
    padding: 12px;
    background: var(--mirage-100);
    border-radius: 12px;
}

.widget-post-card:not(:first-child) .widget-post-card-img {
	border-radius: 8px;
	min-height: 86px;
}

.widget-post-card:not(:first-child) .widget-post-card-title {
	display: block;
	font-weight: 700;
	margin-bottom: 4px;
}

.widget-post-card:not(:first-child):hover .widget-post-card-title {
	color: var(--thunderbird-500);
}

.widget-post-card:not(:first-child) .widget-post-card-data {
	font-size: 12px;
	color: var(--grey);
}