Assalamualaikum,

LIVE PREVIEW

<style>
a.jeonjin {
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
text-transform:uppercase;
display:inline-block;
font:8px tt;
text-align:center;
background: #fff;
width:95px;
color:#000;
padding:2px;
border:1px solid #111;
border-left:20px solid #111;
text-decoration:none;
}
a.jeonjin:hover{
border-left:1px solid #ccc;
border:1px solid #111;
border-right:20px solid #111;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
</style>
 <a class="jeonjin" href="LINK">Title
</a> <a class="jeonjin" href="LINK">Title</a>
<a class="jeonjin" href="LINK">Title</a>
<a class="jeonjin" href="LINK">Title</a>