JSFiddle - React, Tailwind, and code Playground

HTML

<div class="gray-block1"><div class="eClearTitle1" style="text-align: left;"><a href="$ENTRY_URL$" class="entryLink">TITLE</a></div>
<div class="eMessage1" style="text-align: left;">MESSAGE
<div class="dwnld-file-inf">
<a class="css-button" href="FILE" target="_blank" title="Нажмите, чтобы скачать файл &lt;br/&gt;(Размер файла: $FILE_SIZE$)"><span>Скачать SIZE</span></a>
</div></div>
</div>

CSS

.css-button{margin: 3px;text-decoration:none;font-size:8pt !important;color:#fff !important; text-shadow: 0px 1px 2px #000 !important; font-weight: bold 0.1em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/ display: inline-block; text-align: center;
border: 1px solid #9c9c9c; /* Fallback style */border: 1px solid rgba(0, 0, 0, 0.3); text-shadow: 0 1px 0 rgba(0,0,0,0.4);
box-shadow: 0 0 .05em rgba(0,0,0,0.4); -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
background: #FFAE3E;color:#fff;
background: -webkit-gradient(linear, left top, left bottom, from(#FD9A2C), to(#FACC9B) );
background: -moz-linear-gradient(-90deg, #FACC9B, #FD9A2C);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FACC9B', endColorstr='#FD9A2C');}

.css-button, .css-button span{-moz-border-radius: .3em; border-radius: .3em;}

.css-button span{border-top: 1px solid #fff; /* Fallback style */border-top: 1px solid rgba(255, 255, 255, 0.5); display: block; padding: 0.5em 0.5em;
 /* The background pattern */
 background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
 -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
 -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
 -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
 background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
 -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
 -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
 -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
 /* Pattern settings */ -moz-background-size: 3px 3px;...