label.bblabel {
  --before-width: 2.916666666666667em;
  font-size: clamp(14px,1.7vw,24px);
  margin-bottom: 2.42em !important; /*0.833333333333333em*/
  line-height: 1.458333333333333em;
  display: block;
  font-weight: 300; /*400*/
}
label.bblabel::before {
  content: '';
  width: var(--before-width); /* 2.916666666666667em; */
  height: 1px;
  background-color: currentColor;
  display: inline-block;
  margin-right: 1.291666666666667em;
  vertical-align: middle;
  margin-bottom: 0.15em;
}
@media (max-width: 599px) {
  label.bblabel::before {
    --before-width: 1.6em;
    width: var(--before-width);
    margin-right: 0.7em;
  }
}
.wp-block-group > label.bblabel,
.wp-block-cover label.bblabel {
  font-size: 20px;
  text-transform: none;
  color: var(--wp--preset--color--primary);
  letter-spacing: 0;
  margin-bottom: 1.5em;
}
.wp-block-group > label.bblabel::before,
.wp-block-cover label.bblabel::before {
  margin-bottom: 0em;
}

@media (max-width: 599px) {
  .wp-block-group > label.bblabel,
  .wp-block-cover label.bblabel {
    font-size: 18px;
    margin-bottom: 1em;
  }
  /*
    .wp-block-cover label.bblabel::before {
      display: none;
    }
  */
}
.has-text-color[data-type="brandbart/label"] label.bblabel {
  color: inherit;
}
.has-text-color[data-type="brandbart/label"] label.bblabel::before,
label.bblabel.has-text-color::before,
label.bblabel.is-style-large::before {
  background-color: currentColor;
}