JSFiddle - React, Tailwind, and code Playground

HTML

<div class="contenedor-pie-articulo">
    <div class="pie-articulo">
        <div class="columna center">
            <img src="http://lorempixel.com/400/300/">
        </div>
        <div class="columna center">
            <a href="#" class="boton">Hola mundo</a>
        </div>
        <div class="columna">
            <h2>Ventajas</h2>
            <ul>
                <li>A</li>
                <li>B</li>
                <li>C</li>
                <li>D</li>
            </ul>
        </div>
    </div>
</div>

CSS

.contenedor-pie-articulo{
    padding: 10px;
    display: block;
    border-radius: 3px;
    border: solid 1px #EEEEEE;
    
    /*DEGRADADO*/
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */

}

.pie-articulo{
    display: block;
    width: 100%;
    overflow: hidden;
    
    font-family: Verdana, sans-serif;
}
.pie-articulo *{
    max-width: 100%;
}
.columna{
    display:block;
    float:left;
    width: calc(100%/3);
    min-height:20px;
}

.boton{
    display: inline-block;
    border-radius: 3px;
    padding: 10px 15px 10px 15px;
    margin-top: 50px;
    color: #DDDDCF;
    text-transform: uppercase;
    font-family: 'Lucida Console', monospace;
    border: solid 1px #CEDD2E;
    border-bottom: none;
    
    transition: opacity 0.5s;
    transition-delay: 0.5s;
    
    /*DEGRADADO*/
    background: #d0df36; /* Old browsers */
    background: -moz-linear-gradient(top,  #d0df36 0%, #5e7e00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0df36), color-stop(100%,#5e7e00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d0df36 0%,#5e7e00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d0df36 0%,#5e7e00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d0df36...