.brand-mark {
  position: relative;
  display: flex;
  width: 48px;
  height: 43px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.42);
  color: #fff;
  font: 800 15px/1 "Manrope", sans-serif;
  letter-spacing: -1.1px;
}

.brand-mark::after {
  position: absolute;
  right: 9px;
  bottom: 7px;
  left: 9px;
  height: 2px;
  background: var(--amber);
  content: "";
}

.footer-brand .brand-mark {
  width: 42px;
  height: 37px;
  font-size: 13px;
}