.eyebrow {
  display: inline-block;
  align-self: start;
  justify-self: start;
  width: fit-content;
  margin: 0;
  padding: 8px 12px;
  background: var(--red);
  color: var(--white);
  font: 700 14px/1.2 var(--sans);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.eyebrow.light {
  color: var(--white);
}

@media (max-width: 800px) {
  .eyebrow {
    padding: 7px 10px;
    font-size: 12px;
  }
}