How to achieve text shadow like this?

I wanted to get a shadow under a text as in attached pic. In attached we can see a shadow under a text "website". I tried using below code but unsuccessful. Any help will be highly appreciated.

#testbtn {
  display: block;
  color: #000000;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #0098DB;
  padding: 8px 8px;
  background: #575857;
  max-width: 200px;
  border-radius: 10px;
}

.trying {
  color: white;
  content: "";
  box-shadow: 5px 5px 5px black;
  text-transform: rotateX(70deg);
}

<a id="testbtn"><span class="trying">Test</span></a>

How to achieve text shadow like this?

3 Answers