JSFiddle - React, Tailwind, and code Playground

HTML

<div class="footer">
	<div class="container">
	    <div class="row">
			  <div class="col1">
			    <p class="footer-name">Подкорытов Константин Юрьевич<br><font size="3.5" face="'PT Sans Caption', sans-serif">© 2021 Все права защищены. При копировании ссылка на источник обязательна</font></br></p>
			  </div>
			  <div class="col3">
			    <div><a href="forma-svjazi.php" class="button">Написать</a></div>
			    <p class="footer-menu">Написать мне</p>
			  </div>
			  <div class="col2">
          <p class="footer-menu">Главная</p>
          <p class="footer-menu">Статьи</p>
          <p class="footer-menu">Контакты</p>
          <p class="footer-menu">О сайте</p>
          <p class="footer-menu">Схема сайта</p>
			  </div>
		</div>
	</div>
</div>

CSS

.footer { /* Подвал */
    background: #061634; /* Цвет фона */
	padding-top: 50px; /* Поля сверху*/
	padding-bottom: 50px; /* Поля снизу*/
    border: solid 1px #000; /* Параметры рамки */
	color: #6479a2; /* Цвет текста */
	}
	.footer p { /* Размер шрифта в подвале */
	font-family: 'PT Sans Caption', sans-serif;
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 16px;
	}
	p.footer-name { /* Первая колонка в подвале */
	font-size: 20px;
	margin-bottom: 10px;
	line-height: normal;
	font-family: 'Merriweather', serif;
	text-align: left;
	}
	p.footer-menu { /* Вторая колонка в подвале */
	color: #fff; /* Цвет текста */
	font-family: 'PT Sans Caption', sans-serif;
	font-size: 18px;

	}
	.button {
	font-weight: 700;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1.6px;

	
	display: inline-block;
	border-width: 2px;
	border-color: #fff;
	border-style: solid;
	border-radius: 50px;
	
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 23px;
	padding-right: 23px;
	
	margin-bottom: 13px;
	}
	.button:hover {
	color: #061634;
	background-color: #fff;
	}
	.container { /* Колонки. Выравниваем содержимое футера */	
    margin: 0 135px 0 215px;

	}
	.row:after {
	clear: both;
	content: "";
	display: table;
	}

	.col1 {
		width: 30%;
		margin-right: 30px;
		float: left;
		text-align: right;
	}
	.col1:last-child {
		margin-right: 30px;
	}
		.col2 {
		width: 30%;

		display: table; margin: 0 auto;
		text-align: center;
	}

			.col3 {
		width: 30%;

		float: right;
		position:relative;
left:1px;
	}