Стилизация checkbox

<div>
    <input type="checkbox" id="check" name="check" />
    <label for="check">Я согласен с политикой конфиденциальности компании и даю согласие на обработку моих персональных данных</label>
</div>

//checkbox
input[type=checkbox], input[type=radio] {display: none;}
input[type=checkbox] + label:before {
    content: "\2713";
    color: transparent;
    display: inline-block;
    border: 1px solid #ced4da;
    font-size: 20px;    
    line-height: 22px;
    margin: -5px 5px 0 0;
    height: 20px;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    transition: color ease .3s;
}
input[type=checkbox]:checked + label:before {
    color: red;
}

//checkbox
input[type=checkbox], input[type=radio]
  display: none
input[type=checkbox] + label:before
  content: "\2713"
  color: transparent
  display: inline-block
  border: 1px solid #ced4da
  font-size: 20px
  line-height: 22px
  margin: -5px 5px 0 0
  height: 20px
  width: 20px
  text-align: center
  vertical-align: middle
  transition: color ease .3s
input[type=checkbox]:checked + label:before
  color: red