title: How to style a button like the image?
body: <p>I am trying to create a button like this image with PURE CSS. Please could you help me with the CSS ?
  <a href="https://i.stack.imgur.com/Rggof.png" rel="nofollow noreferrer">This Image</a></p>
  <p>I am trying using below but not giving exact same result  -</p>
  <pre><code>.styled {
    border: 0 !important;
    line-height: 2.5;
    font-weight: bold;
    text-align: center !important;
    color: rgba(11,44,20,255) !important;
    border-radius: 8px !important;
    padding: 5px 16px 5px 16px;
    transition: 0.2s all;
    background-image: linear-gradient(to top left,
                                    rgba(0, 0, 0, .2),
                                    rgba(0, 0, 0, .2) 100%,
                                    rgba(0, 0, 0, 0)) !important;
    box-shadow: inset 7px 7px 3px rgba(255, 255, 255, .6),
              inset -7px -7px 3px rgba(0, 0, 0, .7) !important;
  </code></pre>
  <p>}</p>