JSFiddle - React, Tailwind, and code Playground

HTML

<div class="author-wrapper">
	<div class="sign-social">
		Войти через 
		<a class="author-social-link" href="#"></a>
		<a class="author-social-link" href="#"></a>
	</div>
    
<button class="author-submit" type="submit">Войти</button>
<button class="author-submit" type="submit">Войти</button>
</div>

CSS

.author-wrapper{
	width: 500px;
	height: 500px;
    border: 1px solid #000;
	text-align: justify;
	text-justify:newspaper;
}
.author-wrapper:after{
	content: "";
	width: 100%;
}
.sign-social,
.author-submit{
	text-align: left;
}
.author-wrapper:after,
.author-social-link,
.sign-social{
	display: inline-block;
}
.author-social-link{
	width: 40px;
	height: 40px;
    vertical-align: middle;
    background: #ed6993;
}