.component_grid-blog { background: #fff; }
.component_grid-blog > section:first-child > div { border-bottom: 2px solid #f6f6f6;}


.component_grid-blog div.image { float: left; width: 135px; height: 135px; background: center center / cover no-repeat; }

.component_grid-blog > section > div { position: relative; height: 135px; overflow: hidden; padding: 20px; }
.component_grid-blog > section > div > .h3 { margin: 0; }
.component_grid-blog > section > div > .h3 .category { position: relative; top: -2px; display: inline-block; padding: 1px 5px; font-size: 16px; margin: 0 2px 0 0; color: #666; border: 2px solid #666; border-radius: 5px; font-weight: 500; }
.component_grid-blog > section > div > .h3 .category + * { display: inline; }
.component_grid-blog > section > div > .footer { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 20px 15px; }
.component_grid-blog > section > div > .footer .date { float: right; }