Постановка кнопок в столбец css

.bgr { 
  display: inline-flex; 
  flex-direction: column; 
  margin-top: 10px; 
  margin-left: 20px; 
} 
.button7 { 
  margin-left: 0; 
  margin-top: 0; 
  border-radius: 3px; 
  font-family: Calibri; 
  font-size: 32px; 
  text-decoration: none; 
  padding: .8em 1em calc(.8em + 3px); 
  background: rgb(64,199,129); 
  box-shadow: 0 -3px rgb(53,167,110); 
  color: white; 
}

<div class="bgr"> 
  <a href="@Url/Action("Registation")" class="button7">Registration</a> 
  <a href="@Url/Action("Main", "Main")" class="button7">Main Page</a> 
</div>