No Results Message for BB Post Module

no-events-message.html

<div style="text-align: center; max-width: 500px; margin: auto; font-size: 24px;">We don't have any events scheduled right now, but you can sign up now to get updates for upcomign events here.</div><br><br>  
<div class="button-area"> <div class="hover-over"> <a href="#" target="_blank" rel="noopener"> 
  <div class="more-link"><span class="button-group">Connect Here</span></div></a> 
  </div> 
</div>

no-events-style.css

.more-link {
    transition: .3s;
    background-color: #414142; /*BTN Background Color*/
    font-size: 18px;
    letter-spacing: 2px;
    text-align: center;
    color: #f4f4f4; /*btn text color */
    border-radius: 3px;
    padding: 12px 18px;
    width: 186px;
    margin-left: auto; /*These Margins Center the Btn*/
    margin-right: auto;
    
}

.more-link:hover {
    background-color: #7f8959; /*change btn hover color*/
    color: #f4f4f4; /* btn text hover color */
}

.more-link a {
    text-decoration: none;
}

.more-link a:hover {
    text-decoration: none;
}

.hover-over a:hover {
    text-decoration: none; /*removes the line underneath links in bb*/
}