Photon Native Button

Native looking Button (macOS/Cocoa)

HTML

<link rel="stylesheet" href="https://rawgit.com/connors/photon/master/dist/css/photon.css">
<link rel="stylesheet" href="https://rawgit.com/MauriceConrad/PhotonKit-Components/master/Photon-Components/button-system/dist/btn.css">
<h2 style="text-align: center;">Will only work well in blink browsers!</h2>
<div style="width: 100%; height: 100px; text-align: center; margin: 0px 0px 25px 0px;">
  <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Chromium_11_Logo.svg/512px-Chromium_11_Logo.svg.png" height="100%"/>
</div>


<button class="btn btn-system">Cancel</button>
<button class="btn btn-system btn-active">Continue</button>

CSS

body {
  padding: 10px;
}