.logo {
  grid-template-columns: auto auto;
  column-gap: 8px;
}

.logo > svg {
  display: none;
}

.logo .logo-i {
  display: inline-block;
  position: relative;
  color: inherit;
  font: inherit;
  line-height: inherit;
}

.logo-i::after {
  content: "";
  position: absolute;
  top: -0.06em;
  left: 50%;
  width: 0.3em;
  height: 0.3em;
  transform: translateX(-50%);
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23f5b51b'/%3E%3Ccircle cx='8.7' cy='9.5' r='1.35' fill='%23123a70'/%3E%3Ccircle cx='15.3' cy='9.5' r='1.35' fill='%23123a70'/%3E%3Cpath d='M7.5 14c1.2 2 2.8 3 4.5 3s3.3-1 4.5-3' fill='none' stroke='%23123a70' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  pointer-events: none;
}