JSFiddle - React, Tailwind, and code Playground

HTML

<p>Pressing tab forces hidden link into view.</p>
<div>
    <a href="#">Visible Link</a>
    <a href="#">Hidden Link</a>
</div>

CSS

body {
    background-color: #f2f2f2;
    font-family: 'Arial';
    font-size: 13px;
}

div {
    width: 200px;
    height: 200px;
    overflow: hidden;
    background-color: #ffffff;
}

a {
    width: 200px;
    height: 200px;
    text-align: center;
    background: #A6C6DD;
    display: block;
    color: #ffffff;
    text-decoration: none;
}

a:last-child {
    background: #746F9E;
}