.o-checkbox-group {
  display: inline-flex;
  flex-wrap: wrap;
  vertical-align: middle;
}

.o-checkbox-group-h .o-checkbox + .o-checkbox {
  margin-left: var(--checkbox-group-gap);
}

.o-checkbox-group-v {
  flex-direction: column;
}
.o-checkbox-group-v .o-checkbox + .o-checkbox {
  margin-top: var(--checkbox-group-gap);
}

.o-checkbox-group-h {
  --checkbox-group-gap: 24px;
}

.o-checkbox-group-v {
  --checkbox-group-gap: 16px;
}