JSFiddle - React, Tailwind, and code Playground

HTML

<div class="popup_overlay">
	<div class="popup">
		<div class="popup_head">Заголовок</div>

		<div class="popup_row">
			<label for="">Название</label>
			<input type="text" name="" id="">
		</div>
		<div class="popup_row">
			<label for="">Ссылка</label>
			<input type="text" name="" id="">
		</div>

		<div class="popup_row_buttons">
			<button class="popup_confirm">Сохранить</button>
			<button class="popup_cancel">Отмена</button>
		</div>
	</div>
</div>

CSS

.popup_overlay {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 100;
			background: #000;
			opacity: .5;
		}

		.popup {
			position: fixed;
			left: 50%;
			top: 50%;
			width: 400px;
			/*height: 200px;*/
			margin-left: -200px;
			margin-top: -140px;
			border: 1px solid rgba(65, 65, 65, 0.60);
			border-radius: 6px;
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
			overflow: hidden;
			z-index: 101;
		}

		.popup_head {
			padding: 15px;
			background: #DFDFDF;
			border-bottom: 1px solid #b9b9b9;
		}

		.popup_row {
			padding: 15px;
			overflow: hidden;
			background: #fff;
			border-bottom: 1px solid #d5d5d5;
		}

		.popup_row input {
			float: right;
			width: 200px;
			padding: 8px;
			background: #f1f1f1;
			border: 1px solid;
			border-color: #c2c2c2 #dddcdc #dddcdc #c2c2c2;
			border-radius: 4px;
		}

		.popup_row label {
			line-height: 200%;
		}

		.popup_row_buttons {
			padding: 15px;
			text-align: center;
			background: #fff;
		}

		.popup_confirm,
		.popup_cancel {
			position: relative;
			width: 130px;
			padding-left: 35px;
			font: bold 13px/33px Verdana;
			border-radius: 3px;
			text-align: left;
			color: #fff;
			box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset,
						0 1px 2px rgba(0, 0, 0, .3);
			text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
			cursor: pointer;
		}

		.popup_confirm {
			margin-right: 10px;
			border: 1px solid #5B8821;
			background: -moz-linear-gradient(#A6D24D, #6FB32F);
			background: -webkit-linear-gradient(#A6D24D, #6FB32F);
		}

		.popup_confirm::before {
			content: "";
			position: absolute;
			top: 0;
			left: 3px;
			width: 33px;
			height: 33px;
			background: url(img/confirm.png) no-repeat left center;
		}

		.popup_cancel {
			border: 1px solid #B0333E;
			background: -moz-linear-gradient(#F86F84, #F34755);
			background: -webkit-linear-gradient(#F86F84, #F34755);
		}

		.popup_cancel::before {
			content: "";
			position: absolute;
			top: 0;
			left:...