<span class="eyebrow">Eyebrow</span> <span class="eyebrow -fill">Eyebrow .-fill</span>

.eyebrow {
  color: var(--accent-color);
  display: inline flow-root;
  font-weight: 700;
  margin-bottom: 1rem;
  text-transform: uppercase;
  white-space: nowrap;

  &.-fill {
    background: var(--accent-color);
    border-radius: 0.25em;
    color: var(--accent-color-text);
    font-size: 0.75rem;
    padding: 0.25em 1.5em;
  }
}