.brand-mark {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  padding: 5px;
  border: 1px solid rgb(42 126 91 / 14%);
  border-radius: 13px;
  background: linear-gradient(145deg, #f4fbf7, #dcefe5);
  box-shadow: 0 9px 20px -14px rgb(23 55 47 / 55%);
}

.brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.brand-mark-small {
  width: 24px;
  height: 24px;
  padding: 3px;
  border-radius: 7px;
  box-shadow: none;
}

.inline-logo {
  padding: 3px !important;
  background: #e7f5ee !important;
}

.inline-logo img,
.hub-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}