JSFiddle - React, Tailwind, and code Playground

by Cath_kb

HTML

<a href='#' class='button'><span>это кнопка</span></a>

CSS

.button {
    display: inline-block;
    padding: 0 19px;
    height: 40px;
    text-decoration: none;
    color: #fff;
    background: url('http://zverushka.zz.mu/htmlbook/buttons.png') 0 0 no-repeat, url(http://zverushka.zz.mu/htmlbook/buttons.png) 100% -90px no-repeat;
}
.button span {
    display: block;
    height: 100%;
    line-height: 36px;
    background: url('http://zverushka.zz.mu/htmlbook/buttons.png') 0 -45px repeat-x;
}