<style>
.footer .widget + .widget {
    margin-top: 0;
}
.footer h1, #footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer .widget-title, .footer .widgettitle, .footer h1 a,.footer h2 a, .footer h3 a, .footer h4 a, .footer h5 a, .footer h6 a, .footer .widget-title a, .footer .widgettitle a, .footer .widget.twitter-tweets .fa-twitter {
    color: #fff;
}
.footer-middle>.container>.row>div {
    display: flex;
    align-items: flex-end;
}
.footer .follow-us .share-links a:not(:hover) {
    background: none;
    color: #fff;
}
.footer .follow-us .share-links a {
    width: 30px;
    height: 30px;
    font-size: 1.125rem;
    border: none;
}
.footer-middle .widget:not(:last-child) {
    margin-right: 1.5rem;
}
@media (min-width: 992px) {
.footer-middle>.container>.row>div:last-child {
    justify-content: flex-end;
}
}
</style>
<div class="widget_text widget widget_custom_html">
  <div class="textwidget custom-html-widget">
    <h6 class="text-uppercase mb-1">questions?</h6>
    <h4 class="text-xl mb-1">1-888-123-456</h4>
  </div>
</div>
<div class="widget follow-us">
  <div class="share-links">
    <a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
    <a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-twitter">Twitter</a>
    <a href="#" rel="nofollow" target="_blank" title="Instagram" class="share-instagram">Instagram</a>
  </div>
</div>
