input[type=checkbox] {
display:none;
}
 
input[type="checkbox"] + label {
  background-image: url("../images/select-button-1.png");
  background-repeat: no-repeat;
  background-size: 100% 85%;
  display: block;
  height: 45px;
  overflow: hidden;
  padding: 0;
  width: 115px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
input[type="checkbox"] + label:hover {
  background-image: url("../images/selected.png");
}
input[type=checkbox]:checked + label {
  background-image: url("../images/selected.png");
  background-repeat: no-repeat;
  background-size: 100% 85%;
  display: block;
  height: 45px;
  overflow: hidden;
  padding: 0;
  width: 115px;
}