.checkbox {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  cursor: pointer;

  input[type="checkbox"] {
    display: none;
  }

  .custom-checkbox {
    display: block;
    width: 16px;
    height: 16px;
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 2px;
  }

  input[type="checkbox"]:checked + .custom-checkbox {
    background: #FFF url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.936%204.81L1.49%202.246%200%203.82%203.936%208%2010%201.573%208.51%200%203.937%204.81z%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
  }
}

.checkbox-label {
  cursor: pointer;
}