<html lang="en">

<head>
</head>

<body>
  <button type="button"></button>
</body>

</html>
button {
  border: none;
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  width: 200px;
  height: 200px;
  background-image: url(https://2.bp.blogspot.com/-SNEnMIzdWdA/WxvKTqXZb8I/AAAAAAABMoM/yY5F289O2hgaop-kcFnd8NqdXG5n3Bi5wCLcBGAs/s800/ohimesama_dakko_couple.png);
  &:hover {
    background-image: url(https://4.bp.blogspot.com/-dd7_Mtt1aKM/WxvKTj4Kj4I/AAAAAAABMoI/UxzjJNj_7Pc9H_kL9ocCVWGVB5tqfPngACLcBGAs/s800/ohimesama_dakko_fat_woman.png);
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.