<div class="container">
  <button>Button</button>
</div>

body { 
  display: grid;
  place-items: center;
  height: 100vh;
  margin: 0;
}
button {
  min-width: 135px;
  max-width: 200px;
  min-height: 50px;
  border: 0;
  outline: 0;

  color: white;

  /* pink to orange */
  background: #ee0979; 
  background: linear-gradient(to right, #ee0979, #ff6a00);
  
  vertical-align: top;
}

var btn = document.querySelector("button");
var container = document.querySelector(".container");
html2canvas(btn).then(canvas => {
  container.appendChild(canvas);
});