JSFiddle - React, Tailwind, and code Playground

HTML

<div id="site-vizit">
<div class="item-list">
<div class="item-list-box">
<h1>Заголовок</h1>
<p>Текст</p>


<table>
    <tr>
        <td>
            <a title="Сайт Южные Грузовые Авиалинии"><img src="images/uga_m.png" alt="Сайт Южные Грузовые Авиалинии"/></a>
        </td>
        <td>
            <a title="Сайт Росдорстрой"><img src="images/rosdorstroy_m.png" alt="Сайт Росдорстрой"/></a>
        </td>
        <td>
            <a title="Сайт Нормоторс"><img src="images/normotos_m.png" alt="Сайт Нормоторс"/></a>
        </td>
        <td>
            <a title="Сайт Дуохем"><img src="images/duohem_m.png" alt="Сайт Дуохем"/></a>
        </td>
    </tr>
</table><div class="pricing-table">
    <div class="site-vizit">
        <a class="zakaz" href="#">Подробнее</a>         
    </div >
</div>
</div>
</div>
</div>

CSS

.pricing-table .zakaz {
        position: relative;
        padding: 10px 20px;
        color: #fff;
        font: bold 15px Arial, Helvetica;
        text-transform: none;
        text-decoration: none;
        display: inline-block;       
        background-color: #72ce3f;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;     
        text-shadow: 0 -1px 0 rgba(0,0,0,.15);
        opacity: .9;
        margin: 0 0 -10px 0;
        
    }

    .pricing-table .zakaz:hover {
        opacity: 1;       
    }

    .pricing-table .zakaz:active {
        -moz-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;       
    }            

    .pricing-table .site-vizit .zakaz{
        background: #B3E03F;
    }

    .pricing-table .plan2 .signup{
        background: #7BD553;
    }

    .pricing-table .plan3 .signup{
        background: #3AD5A0;
    }

    .pricing-table .plan4 .signup{
        background: #45D0DA;
    }
.item-list 
    {     
        background: #fff;      
        border: 1px solid #ddd;
        color: #333;
        padding:23px 25px;
        float: left;
        _display: inline; /* Для IE6 */
        position: relative;
        margin: 0 0 20px 30px;
        -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
        -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
        box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;        
    }
    .item-list-box:after {
      z-index: -1; 
      position: absolute; 
      content: "";
      bottom: 10px;
      right: 4px;
      width: 80%; 
      top: 80%; 
      -webkit-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);   
      -moz-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
      box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
      -webkit-transform: rotate(3deg);    
     ...