.sb-section-heading {
  --accent-colour: currentColor;
  padding-inline: var(--wp--preset--spacing--spacing-00);
}

.sb-section-heading h2 {
  align-items: flex-end;
  display: flex;
  flex: 1 0 auto;
  letter-spacing: -.5px;
}

.sb-section-heading h2::after {
  background-color: var(--accent-colour);
  border-radius: 3px;
  content: '';
  display: flex;
  flex: 1 1 auto;
  height: 3px;
  margin-inline-start: var(--wp--preset--spacing--spacing-e-30);
  margin-block-end: calc(calc(1.5rem - 1rem) + 1px);
  opacity: .5;
}

@media screen and (min-width: 960px) {
  .sb-section-heading {
    padding-inline: 0;
  }
}