span.button > img {
  pointer-events: none;
  image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
  image-rendering: -moz-crisp-edges;          /* Firefox                        */
  image-rendering: -o-crisp-edges;            /* Opera                          */
  image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
  image-rendering: pixelated;                 /* Chrome                         */
  width: 70px;
  height: 70px;
  transform: translate(0, 10px);
  background: lightgray;
}

span.button.wide {
  width: 128px;
  height: 128px;
}

span.button.wide > img {
  width: 108px;
  height: 108px;
}

span.button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  background: lightgray;
  width:90px;
  height:90px;
  margin: 5px 5px 5px 5px;
  border-radius: 1px;
  cursor: pointer;

}

span.button:hover {
  background: gray;
}