legend {
  display: flex;
  position: relative;
  width: 100%;
  align-items: center;
  text-transform: $legend-lettercase;
  text-align: left;
  font-size: $legend-font-size;
  font-weight: $legend-font-weight;

  &::after  {
    border-top: 1px solid $legend-border-color;
    margin-left: $legend-border-gap;
    flex: 1 0 $legend-border-gap;
    content: '';
  }
}