JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http://mebelny.in.ua/shop/" class="friend" target="_blank" title="Партнер сайта" />
    ИНТЕРНЕТ МАГАЗИН
    <small>подпись</small>
</a>

CSS

.friend {
    display: inline-block;
    text-decoration:none;
    text-align:center;
    padding:10px 33px;
    border:solid 1px #850101;
    -webkit-border-radius:0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:4px;
    font:14px Arial, Helvetica, sans-serif;
    color:#ffffff;
    background:#850101;
    -webkit-box-shadow:inset 0, 0px 0, 0px 1, 1px #ffffff, #ffffff;
    -moz-box-shadow:inset 0px 0px 1px #ffffff;
    box-shadow:inset 0px 0px 1px #ffffff;
}
.friend:hover {
    padding:10px 33px;
    border:solid 1px #ce1e1e;
    -webkit-border-radius:0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:4px;
    font:14px Arial, Helvetica, sans-serif;
    color:#ffffff;
    background:#ce1e1e;
    -webkit-box-shadow:inset 0, 0px 0, 0px 1, 1px #ffffff, #ffffff;
    -moz-box-shadow:inset 0px 0px 1px #ffffff;
    box-shadow:inset 0px 0px 1px #ffffff;
}
.friend small {
    display: block;
}