JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<div>
<h1>ZorNet.Ru</h1>
<button id="ksanrezu_milpodem">ZorNet.Ru: Создание сайта</button>
  <br>
  <br>
  <button id="ksanrezu_milpodem">ZorNet.Ru: Скрипт и шаблон</button>
</div>

CSS

h1 {
  text-transform: uppercase;
  text-align: center;
  font-family: Impact;
      color: #f3e7e7;
}

body {
     background-color: #0c506f;
}

#ksanrezu_milpodem {
    outline: none;
    border: none;
    cursor: pointer;
    display: block;
    position: relative;
    background-color: #eca120;
    font-size: 18px;
    font-weight: 300px;
    color: #fbf8f8;
    text-transform: uppercase;
    padding: 25px 48px;
    margin: 0 auto;
    border-radius: 17px;
    box-shadow: 0 7px #cc8e24;
    text-shadow: 0 1px 0 #423e3e;
}

#ksanrezu_milpodem:hover {
  box-shadow: 0 4px #d6921f;
  top: 1.9px;
}

#ksanrezu_milpodem:active {
  box-shadow: none;
  top: 7px;
}