JSFiddle - React, Tailwind, and code Playground

HTML

<a class='listado' href="#">
    <span>
        <span>Cliente: NombreCliente</span>
        <span>valor: <span>1.000.000</span></span>
    </span>
</a>

CSS

.listado {background-color:#ddd; 
display:block;
    color:#000;
text-decoration:none;
background: -webkit-linear-gradient(orange, pink);
background: -moz-linear-gradient(orange, pink);
background: -o-linear-gradient(orange, pink);
background: linear-gradient(orange, pink);
border-radius:10px;
padding:5px; margin-bottom:10px; 

}
.listado > span > span {font-size:13px; display:block;}
.listado span span span{color:#ff0000;}
.listado:active{background:#bab0b0; color:#fff;}