1

1

HTML

<div class="wrupper">
  <div class="links_flexbox">
  <a href="#" class="link">Первая ссылка побольше</a>
  <a href="#" class="link">Вторая ссылка</a>
  <a href="#" class="link">Третья ссылка</a>
</div>
<div class="clear">1</div>
<div class="links_ib">
  <a href="#" class="link_ib">Первая ссылка</a>
  <a href="#" class="link_ib">Вторая ссылка побольше</a>
  <a href="#" class="link_ib">Третья ссылка еще побольше</a>
</div>
</div>

CSS

.wrupper {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.clear {
  width: 100%;
}

.links_flexbox {
		margin-bottom: 35px;
		display: inline-block;
		
		justify-content: center;
	}
  
.link {
		font-size: 13px;
		line-height: 35px;
		text-decoration: none;
		color: #3e3d3d;
    margin: 0 2px 0 0;
		border: 2px solid #3e3d3d;
    display: inline-block;
	}
  
  .links_ib {
    margin-bottom: 35px;
    text-align: center;
    display: inline-block;
  }
  
  .link_ib {
    display: inline-block;
		font-size: 13px;
		line-height: 35px;
		text-decoration: none;
		color: #3e3d3d;
    margin: 0 2px 0 0;
		border: 2px solid #3e3d3d;
	}