.socials { gap: .65rem; }

.socials a {
  position: relative;
  width: 36px;
  height: 36px;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .1);
  color: #fff;
  font-size: .9rem;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.socials a:hover { transform: translateY(-4px); color: #fff; }
.socials a:focus-visible { outline: 3px solid var(--yellow); outline-offset: 3px; }
.socials .social-instagram:hover { background: linear-gradient(135deg, #ffdc80, #c13584 48%, #5851db); border-color: transparent; }
.socials .social-facebook:hover { background: #1877f2; border-color: #1877f2; }
.socials .social-tiktok:hover { background: #111; border-color: #25f4ee; box-shadow: 2px 2px 0 #fe2c55; }

.developer-link { color: var(--yellow); font-weight: 700; }
.developer-link:hover { color: #fff; text-decoration: underline; }