.site-presence-footer {
  position: relative;
  width: min(1600px, calc(100% - 40px));
  margin: 28px auto 0;
  padding: 16px 0 20px;
  border-top: 1px solid rgba(170, 194, 181, .14);
  display: flex;
  justify-content: flex-start;
  color: #9bb0a7;
  font: 12px/1.5 Arial, sans-serif;
  letter-spacing: 0;
}
.site-presence-label { display: inline-flex; align-items: center; gap: 7px; }
.site-presence-label::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #9bb0a7;
}
.site-presence-label[data-state="ready"]::before { background: #6bd5c5; }
#site-presence-number {
  display: inline-block;
  min-width: 3ch;
  color: #dceae4;
  font-variant-numeric: tabular-nums;
  text-align: right;
}
@media (max-width: 480px) {
  .site-presence-footer { width: calc(100% - 28px); padding-bottom: 18px; }
}