.footer-end {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-self: end;
}

.footer-end > small {
  white-space: nowrap;
}

.site-credit {
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.58);
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow: hidden;
  padding: 8px 10px 9px;
  transition: background 180ms ease, border-color 180ms ease, color 180ms ease;
  width: 134px;
}

.site-credit > span {
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.site-credit > img {
  display: block;
  height: auto !important;
  max-width: 112px !important;
  object-fit: contain;
  width: 112px !important;
}

.site-credit:hover,
.site-credit:focus-visible {
  background: rgba(125, 205, 245, 0.08);
  border-color: rgba(125, 205, 245, 0.5);
  color: #7dcdf5;
}

@media (width <= 1100px) {
  .footer-end {
    align-items: flex-start;
    justify-self: start;
  }
}