PowerPack Content Grid - Replicate Style 5 with Custom Layout (Beaver Themer)

layout.css

.pp-content-grid-post {
    font-size: 14px;
}
.pp-content-grid-post-image {
    padding: 0px;
    padding-bottom: 0;
    height: 260px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.pp-content-grid-post-body {
    padding: 20px;
    display: flex;
}
.pp-content-grid-post-date {
    text-align: center;
    width: 38px;
}
.pp-content-grid-post-date .pp-post-day {
    background-color: #f9f9f9;
    color: #888888;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.pp-content-grid-post-date .pp-post-month {
    background-color: #fb2b69;
    color: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}
.pp-content-grid-post-date div {
    display: block;
    padding: 5px 0;
    font-size: 13px;
}
.pp-content-grid-post-data {
    margin-left: 20px;
    text-align: left;
    width: 100%;
}
.pp-content-grid-post-title {
    font-size: 20px;
	line-height: 26px;
	margin: 0;
	padding: 0;
}
.pp-content-grid-post-title:hover {
    color: #2460C2;
}
.pp-content-grid-post-meta {
    padding: 0;
    margin-top: 5px;
}
.pp-content-grid-post-meta a {
    text-decoration: none;
}
.pp-content-grid-post-meta,
.pp-content-grid-post-meta a {
    color: #888;
    font-size: 12px;
}
.pp-content-grid-post-meta a:hover {
    color: #000;
}
.pp-content-grid-separator {
    height: 2px;
    width: 60px;
    background: #2460C2;
    margin-top: 10px;
    margin-bottom: 20px;
}
.pp-content-grid-post-more-link {
    margin-top: 10px;
    color: #2460C2;
}
.pp-content-grid-post-more-link a {
    color: #2460C2;
}

layout.html

[wpbb-if post:featured_image]
<div class="pp-content-grid-post-image" style='background-image: url([wpbb post:featured_image size="large" display="url"])'></div>
[/wpbb-if]

<div class="pp-content-grid-post-body">
    <div class="pp-content-grid-post-date">
        <div class="pp-post-day">[wpbb post:date format='j']</div>
        <div class="pp-post-month">[wpbb post:date format='M']</div>
    </div>
    <div class="pp-content-grid-post-data">
        <h2 class="pp-content-grid-post-title">[wpbb post:link text="title"]</h2>
        <div>
            [wpbb post:excerpt length='25' more='...']
            [wpbb post:link text='custom' custom_text='Read More']
            </div>
    </div>
</div>