.site-footer__bottom {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  justify-content: space-between;
}

.site-footer__builtbygabor {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  margin-left: auto;
  opacity: .8;
  padding: 6px 0;
  transition: opacity .18s ease;
}

.site-footer__builtbygabor:hover {
  opacity: 1;
}

.site-footer__builtbygabor:focus-visible {
  outline: 3px solid var(--vis-cyan-bright);
  outline-offset: 3px;
}

.site-footer__builtbygabor img {
  display: block;
  height: 12px;
  max-width: 100%;
  width: auto;
}

.status-screen .site-footer__bottom {
  right: 24px;
}

@media (prefers-reduced-motion: reduce) {
  .site-footer__builtbygabor {
    transition: none;
  }
}

.site-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin-top: 12px;
}

.site-footer__social a {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  width: 44px;
  min-height: 44px;
}

.site-footer__social a:hover {
  color: var(--vis-cyan-bright);
}

.site-footer__social a:focus-visible {
  outline: 3px solid var(--vis-cyan-bright);
  outline-offset: 3px;
}

.site-footer__social-icon {
  background: currentColor;
  display: block;
  height: 24px;
  width: 24px;
  mask: var(--footer-social-icon) center / contain no-repeat;
}

.site-footer__social-icon--facebook {
  --footer-social-icon: url('/images/icons/social-facebook.svg');
}

.site-footer__social-icon--linkedin {
  --footer-social-icon: url('/images/icons/social-linkedin.svg');
}

.site-footer__product-hunt {
  display: block;
  margin-top: 16px;
  max-width: 100%;
  width: 250px;
}

.site-footer__product-hunt img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 250px;
}

.site-footer__product-hunt:focus-visible {
  outline: 3px solid var(--vis-cyan-bright);
  outline-offset: 3px;
}