JSFiddle - React, Tailwind, and code Playground

HTML

<div class='parent'>
<div class='link'>
<a href="somelink">О студии</a>
</div>
<div class='link'>
<a href="somelink2">Наши услуги</a>
</div>
</div>

CSS

.parent {position:relative; top: 20px;}
div.link { 
    position: absolute;
    width: 100px;
    height: 31px;
    -ms-transform: rotate(-30deg); 
    -webkit-transform: rotate(-30deg); 
    transform:rotate(-30deg); 
    font-size:13px; 
    font-weight:800; 
    text-align:left;  
    outline:1px solid #ff008d; 
    background: url(http://oi60.tinypic.com/2vdlnc7.jpg) right top;
} 

.link a { color: white; position: relative; top:5px; left: 5px;}
.parent .link:nth-child(1) { 
    left: 60px;
}