.brand-mark {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 3px;
  padding: 9px 8px 8px;
  position: relative;
  color: inherit;
  font-size: 0;
  letter-spacing: normal;
}

.brand-mark::after {
  content: "";
  position: absolute;
  right: 6px;
  top: 6px;
  width: 6px;
  height: 6px;
  border-top: 2px solid var(--orange);
  border-right: 2px solid var(--orange);
}

.brand-mark i {
  display: block;
  width: 4px;
  background: var(--lime);
}

.brand-mark i:nth-child(1) { height: 8px; }
.brand-mark i:nth-child(2) { height: 13px; }
.brand-mark i:nth-child(3) { height: 18px; }
.brand-mark i:nth-child(4) { height: 24px; }