.social-footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  padding-top: 28px;
  margin-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, .13);
}

.social-footer > span,
.social-footer .social-copy > span {
  color: #aebdcc;
  font-size: 14px;
  font-weight: 700;
}

.social-copy small { display: block; margin-top: 5px; color: rgba(230,236,244,.64); font-size: .78rem; }

.social-icons {
  display: flex;
  align-items: center;
  gap: 10px;
}

.social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 42px;
  height: 46px;
  padding: 0 14px;
  margin: 0;
  border: 1px solid rgba(226, 180, 93, .45);
  border-radius: 14px;
  color: #f4d99c;
  background: rgba(226, 180, 93, .08);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.social-icons a::after { color: #eef3f8; }
.social-icons a[aria-label*="LinkedIn"]::after { content: "LinkedIn"; }
.social-icons a[aria-label*="Facebook"]::after { content: "Facebook"; }
.social-icons a[aria-label*="Instagram"]::after { content: "Instagram"; }
.social-icons a[aria-label*="TikTok"]::after { content: "TikTok"; }

.social-icons a:hover,
.social-icons a:focus-visible {
  color: #fff;
  border-color: #d5a85e;
  background: rgba(213, 168, 94, .12);
  transform: translateY(-2px);
  outline: none;
}

.social-icons svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

@media (max-width: 620px) {
  .social-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }

  .social-icons a {
    width: auto;
    height: 46px;
  }

  .social-icons { width: 100%; flex-wrap: wrap; }
}

@media (max-width: 430px) {
  .social-icons a { flex: 1 1 calc(50% - 10px); }
}

@media (prefers-reduced-motion: reduce) {
  .social-icons a {
    transition: none;
  }
}