JSFiddle - React, Tailwind, and code Playground

by AJIEKCEU

HTML

<div class="btn">Привет</div>

CSS

.btn{
  display: inline-block;
  position: relative;
  width: 177px;
  height: 44px;
  line-height: 44px;
  background-image: linear-gradient(to top, #d0a756 0%, #f8d69a 100%);
  border-radius: 22px;
  box-shadow: 0 2px 20.4px 3.6px rgba(242, 217, 159, 0.48);
  color: #000;
  text-align: center;
}
.btn:before{
  content: '';
  display: block;
  position: absolute;
  border: 1px solid #d0a757;
  border-radius: 20px;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px
}