.brand {
  position: relative;
  display: block;
  min-height: 46px;
  padding-left: 56px;
}

.brand::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 44px;
  height: 44px;
  transform: translateY(-50%);
  background: url("/assets/logo-mark.svg?v=55") center / contain no-repeat;
}

footer .brand {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding-left: 46px;
}

footer .brand::before {
  width: 36px;
  height: 36px;
}

@media (max-width: 600px) {
  .brand {
    min-height: 42px;
    padding-left: 50px;
  }

  .brand::before {
    width: 40px;
    height: 40px;
  }
}