JSFiddle - React, Tailwind, and code Playground

HTML

<a class="tombol-metro" style="" href="#">Ini Contoh Metro Style Button &raquo;</a>

CSS

.tombol-metro {
    background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
    background-repeat: repeat-x;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "Segoe UI",Helvetica,Arial,sans-serif;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    line-height: 38px;
    padding: 20px 26px;
}

.tombol-metro:hover, .tombol-metro:focus, .tombol-metro:active, .tombol-metro.active {
    background-color: #0072BB;
    background-image: -moz-linear-gradient(center top , #0072BB, #0072BB);
    background-repeat: repeat-x;
}