.footer-links .made-by {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 4px;
  padding: 6px 11px 6px 7px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.055);
  white-space: nowrap;
  transition: background 0.2s, border-color 0.2s, transform 0.2s;
}

.footer-links .made-by:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.25);
  transform: translateY(-1px);
}

.footer-links .made-by img {
  border: 1px solid rgba(96, 165, 250, 0.5);
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
}

.footer-links .made-by span {
  opacity: 0.72;
}

.footer-links .made-by strong {
  opacity: 1;
}

@media (max-width: 560px) {
  .footer-links .made-by {
    flex-basis: 100%;
    margin: 6px 0 0;
    padding: 7px 11px 7px 7px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .footer-links .made-by {
    transition: none;
  }
}