JSFiddle - React, Tailwind, and code Playground

by Debloper

HTML

<button>'Sup, doc!</button>

CSS

* { text-align: center; }
button {
    /* Unimportant rules */
    color: #ddd;              background: #fff;
    margin: 20%;              padding: 8px 16px;
    font-size: 1.5em;         font-family: Sans-serif;
    border: 2px solid #444;   border-radius: 4px;
    
    /* Effing important rule */
    box-shadow: inset -1px -5px 10px #777, inset 0 -40px 50px #000;
    /* Can be chained+complicated more for better results */
}