JSFiddle - React, Tailwind, and code Playground

HTML

<div class="front" style="z-index: 2"></div>

<div class="back" style="z-index: 1">

    <a href="http://www.stackoverflow.com">This link doesn't work</a>

</div>

CSS

.front {
        position: relative;
        width: 200px;
        height: 200px;
        background: #EA7600;
        -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
        -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
        box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    }

    .back {
        width: 300px; height: 50px; background: #93CDFB;
        position: absolute;
        top: 0;
        left: 0;
        left: 100px;
        text-align: right;
        padding: 5px;
    }