JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

<p>
Lorem ipsum
</p>
<a href="http://example.com">
  <span></span>
  <div>
    <font>Скачать</font>
    InstallPack_Google_Crome.exe
  </div>
</a>
<p>
Lorem ipsum
</p>

CSS

a {
  height: 70px;
  background: #4caf50;
  border-radius: 10px;
  margin: 0 20px 20px;
  color: #fff;
  display: block;
  width: 400px;
  position: relative;
  text-decoration: none;
    font-family:"Roboto",sans-serif;
    overflow: hidden;
    text-shadow: 0 0  2px  rgba(0,0,0,0.6);
    font-weight: 300;
}
span {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgODAwIDUxMiA1MTIiPjxnIGZpbGw9IiNGRkYiPjxwYXRoIGQ9Ik0yNTYgMTMxMWwtNDYuMy00Ni40IDQ2LjMtNDYuNCA0Ni4zIDQ2LjRMMjU2IDEzMTF6Ii8+PHBhdGggb3BhY2l0eT0iLjciIGQ9Ik0yMDkuNyAxMTcxLjlsLTQ2LjMtNDYuNCA0Ni4zLTQ2LjQgNDYuMyA0Ni40LTQ2LjMgNDYuNHoiLz48cGF0aCBvcGFjaXR5PSIuOCIgZD0iTTMwMi4zIDExNzEuOWwtNDYuMy00Ni40IDQ2LjMtNDYuNCA0Ni4zIDQ2LjQtNDYuMyA0Ni40eiIvPjxwYXRoIGQ9Ik0xMTcgMTE3MS45bC00Ni4zLTQ2LjQgNDYuMy00Ni40IDQ2LjMgNDYuNC00Ni4zIDQ2LjR6bTI3OCAwbC00Ni4zLTQ2LjQgNDYuMy00Ni40IDQ2LjMgNDYuNC00Ni4zIDQ2LjR6bS00Ni4zIDQ2LjRsLTQ2LjMtNDYuNCA0Ni4zLTQ2LjQgNDYuMyA0Ni40LTQ2LjMgNDYuNHptLTQ2LjQgNDYuM2wtNDYuMy00Ni40IDQ2LjMtNDYuNCA0Ni4zIDQ2LjQtNDYuMyA0Ni40em0tNDYuMy00Ni4zbC00Ni4zLTQ2LjQgNDYuMy00Ni40IDQ2LjMgNDYuNC00Ni4zIDQ2LjR6bS00Ni4zLTEzOS4xbC00Ni4zLTQ2LjQgNDYuMy00Ni40IDQ2LjMgNDYuNC00Ni4zIDQ2LjR6Ii8+PHBhdGggb3BhY2l0eT0iLjYiIGQ9Ik0zMDIuMyAxMDc5LjJsLTQ2LjMtNDYuNCA0Ni4zLTQ2LjQgNDYuMyA0Ni40LTQ2LjMgNDYuNHoiLz48cGF0aCBkPSJNMjU2IDExMjUuNWwtNDYuMy00Ni40IDQ2LjMtNDYuNCA0Ni4zIDQ2LjQtNDYuMyA0Ni40eiIvPjxwYXRoIG9wYWNpdHk9Ii43IiBkPSJNMjA5LjcgOTg2LjVsLTQ2LjMtNDYuNCA0Ni4zLTQ2LjQgNDYuMyA0Ni40LTQ2LjMgNDYuNHoiLz48cGF0aCBkPSJNMzAyLjMgOTg2LjVMMjU2IDk0MC4xbDQ2LjMtNDYuNCA0Ni4zIDQ2LjQtNDYuMyA0Ni40eiIvPjxwYXRoIG9wYWNpdHk9Ii40IiBkPSJNMjA5LjcgODkzLjdsLTQ2LjMtNDYuNCA0Ni4zLTQ2LjQgNDYuMyA0Ni40LTQ2LjMgNDYuNHoiLz48cGF0aCBkPSJNMjA5LjcgMTI2NC42bC00Ni4zLTQ2LjQgNDYuMy00Ni40IDQ2LjMgNDYuNC00Ni4zIDQ2LjR6bS00Ni40LTQ2LjNsLTQ2LjMtNDYuNCA0Ni4zLTQ2LjQgNDYuMyA0Ni40LTQ2LjMgNDYuNHoiLz48L2c+PC9zdmc+") no-repeat rgba(0,0,0,0.2);
  background-size: 40px 40px;
    background-position: 5px 5px;
    width: 50px;
    height: 50px;
   ...