.squared-check {
    position: relative;
    margin: 4px auto;
    float: left; 
}
.squared-check label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    left: 2px;
    top: 2px;
    background: white;
    border: 2px solid gray;
    display: inline-block; 
}

.cb-label {
    display: inline-block;
    margin: 3px 30px 0px 15px; 
}

.squared-check label:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 5px;
    left: 4px;
    border: 3px solid gray;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); 
}

.squared-check label:hover::after {
    opacity: 0.3; 
}

.squared-check input[type=checkbox] {
    visibility: hidden; 
}

.squared-check input[type=checkbox]:checked + label:after {
    opacity: 1; 
}