JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
    <textarea id="input" placeholder="Команды сюда"></textarea>
    <button onclick="updateCommand();" id="generate">></button>
    <textarea id="output" placeholder="Цельная команда будет здесь"></textarea>
</div>

CSS

.content {
    margin:10% 14%;
}
#input {
    resize: none;
    width: 46.5%;
    height: 350px;
}
#output {
    resize: none;
    width: 46.5%;
    height: 350px;
}
#generate {
	background-color:#ffed64;
	border:3px solid #ffaa22;
	cursor:pointer;
	font:28px Courier New;
    width: 5.5%;
    height:350px;
	text-decoration:none;
}
#generate:hover {
	background-color:#ffb53d;
}