It's easy peasy

Check out the demo.

Upgrade your buttons, force-touch them, make them springy and delightful. Force-touch works in Safari as well (if your device supports it).

<!-- Custom Elements v1 polyfill (2.7KB gzipped) -->
<script src="https://unpkg.com/@webcomponents/[email protected]"></script>

<!-- our custom element's source (1.2KB gzipped) -->
<script src="https://unpkg.com/[email protected]"></script>

Usage

.my-styled-button {
  background: linear-gradient(to bottom, #00b7ea 0%, #009ec3 100%);
  border-radius: 5px;
  border: 0 none;
  color: white;
  padding: 8px 16px;
  font-size: 1.1rem;
  outline: none;
}

<shaf-button>
  <button class="my-styled-button">
    Click my corners
  </button>
</shaf-button>