/* ==========================================================================
   Footer component (Figma node 26:87)
   ========================================================================== */

.site-footer {
  background-color: var(--color-bg-footer);
}

.site-footer__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: 48px 40px;
}

.site-footer__logo {
  width: 45px;
  height: 45px;
  transition: transform 0.4s ease;
}

.site-footer__logo:hover {
  transform: rotate(-8deg) scale(1.05);
}

.site-footer__copyright {
  color: var(--color-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.14px;
}