JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container-knopok">
  <div class="row-knopok">
    <a href="#contact_form_pop_up" class="greenbtn fancybox-inline"><div class="kupit">Заказать икону</div></a>
    <div style="display:none" class="fancybox-hidden">
<div id="contact_form_pop_up">
<div class="woocom1">			<div class="textwidget"><div role="form" class="wpcf7" id="wpcf7-f74-p4176-o1" lang="ru-RU" dir="ltr">
<div class="screen-reader-response"></div>
<form action="/ikona-bogorodicy-derzhavnaya#wpcf7-f74-p4176-o1" method="post" class="wpcf7-form" novalidate="novalidate">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="74">
<input type="hidden" name="_wpcf7_version" value="5.0.1">
<input type="hidden" name="_wpcf7_locale" value="ru_RU">
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f74-p4176-o1">
<input type="hidden" name="_wpcf7_container_post" value="4176">
</div>
<p><label> Ваше имя (обязательно)</label></p>
<p><span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false"></span> </p>
<p><label> Ваш телефон (обязательно)<br>
<span class="wpcf7-form-control-wrap tel-957"><input type="tel" name="tel-957" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel" aria-required="true" aria-invalid="false"></span> </label></p>
<p><label> Ваш e-mail (обязательно)<br>
<span class="wpcf7-form-control-wrap your-email"><input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false"></span> </label></p>
<p><label> Название иконы (обязательно)<br>
<span class="wpcf7-form-control-wrap text-24"><input type="text" name="text-24" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true"...

CSS

.container-knopok {
  width: 800px;
  min-height: 150px;
  font-size: 20px;
}

.row-knopok {
  width: 400px;
  min-height: 150px;
}

.kupit {
  float: left;
  width: 150px;
  min-height: 50px;
  background: #3dac84;
  padding: 10px;
  box-sizing: border-box;
  color: white;
}

.zvonit {
  float: right;
  width: 170px;
  min-height: 50px;
  background: #3dac84;
  padding: 10px;
  box-sizing: border-box;
  margin-right: 70px;
  color: white;
}