<div class="widget widget-recent-posts">
  <h3 class="widget-title">Latest News</h3>
  <div>
     {{widget type="Magefan\Blog\Block\Widget\Recent" number_of_posts="3" custom_template="recent_footer.phtml"}}
  </div>
</div>
<style>
.post-item-small {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    *zoom: 1;
}
.post-item-small:first-child {
    padding-top: 0;
    border-top-width: 0;
}
.post-item-small {
    border-top: 1px dotted #313438;
}
.post-item-small a {
    font-weight: 700;
    text-transform: none;
    color: #fff;
}
.post-item-small .post-date {
    font-size: .8em;
    text-transform: uppercase;
}
</style>