버튼에 체크 박스를 추가한 스타일

.check-button {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #ddd;
  border-radius: 50%;
  cursor: pointer;
  vertical-align: middle;
}

.check-button:checked {
  background-color: #007bff;
}

.button {
  background-color: #007bff;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  vertical-align: middle;
}

 

<label class="button">
  <input type="checkbox" class="check-button">
  버튼에 체크박스가 합쳐진 스타일
</label>