JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<a href="http://zornet.ru" class="zornet_ru_3d">ZORNET.RU</a>

CSS

.zornet_ru_3d {
    position: relative;
    width: auto;
    display: inline-block;
    color: #f9fafb;
    text-decoration: none;
    border-radius: 5px;
    border: solid 1px #dc911a;
    background: #d67a29;
    text-align: center;
    padding: 17px 21px 14px;
    margin: 15px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-box-shadow: 0px 7px 0px #a94808;
    -moz-box-shadow: 0px 6px 0px #d35400;
    box-shadow: 0px 7px 0px #c15107;
}

.zornet_ru_3d:active{
    -webkit-box-shadow: 0px 2px 0px #d35400;
    -moz-box-shadow: 0px 2px 0px #d35400;
    box-shadow: 0px 2px 0px #d35400;
    position:relative;
    top:4px;
}