.visitor-counter {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #94A3B8;
  font-size: 12px;
  line-height: 1.4;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.visitor-counter__dot {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: #5EEAD4;
  box-shadow: 0 0 0 3px rgba(94, 234, 212, .10);
}

.visitor-counter__value {
  color: #E2E8F0;
  font-weight: 750;
}

.site-footer .visitor-counter::before {
  content: "·";
  margin-right: 3px;
  color: #64748B;
}

.config-footer__bottom .visitor-counter {
  margin-inline: auto;
}

.legal-footer__meta .visitor-counter {
  margin-top: 7px;
}

@media (max-width: 900px) {
  .config-footer__bottom {
    flex-wrap: wrap;
  }

  .config-footer__bottom .visitor-counter {
    margin-inline: 0;
  }

  .config-footer__bottom nav {
    flex-basis: 100%;
    justify-content: flex-start;
  }
}

@media (max-width: 620px) {
  .site-footer .visitor-counter {
    flex-basis: 100%;
    justify-content: center;
    margin-top: 2px;
  }

  .site-footer .visitor-counter::before {
    display: none;
  }
}