How can I create space between my inline-block checkboxes in CSS

I have created list of checkboxes and used border-radius on the label, now border of each checkbox touches each other or goes through each other's border.

CSS

.interest {
    display:inline-block !important;
}

.bubble {
    position: absolute;
    left: -9999px;
    top: 0;
}

.circle {
    border: 1px solid #000;
    padding: 15px;
    border-radius: 50%;
}

fiddle example