Точки checkbox

input[type=checkbox] {
    display: none;
    &+label:before{
      content: "";
      width: 14px;
      height: 14px;
      border-radius: 14px;
      border: 1px solid #000;
      display: block;
      float: left;
      margin-right: 5px;
      margin-top: 3px;
    }
    &:checked+label{
      &:after{
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background: #000;
        display: block;
        position: relative;
        top: 6px;
        right: 16px;
        float: left;
        margin-right: -16px;
      }
    }
  }