.topbar-contact {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.social-links {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.social-links a {
  display: grid;
  place-items: center;
  text-decoration: none;
  transition: transform .2s ease, background-color .2s ease, color .2s ease;
}

.social-links-header a {
  width: 27px;
  height: 27px;
  border: 1px solid rgba(217, 166, 62, .42);
  border-radius: 50%;
  color: var(--gold);
  font-size: .78rem;
}

.social-links-header a:hover,
.social-links-footer a:hover {
  background: var(--gold);
  color: var(--navy);
  transform: translateY(-2px);
}

.social-links-footer {
  margin-top: 1rem;
}

.social-links-footer a {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 12px;
  color: var(--gold);
  font-size: 1rem;
}

.social-links-footer a:hover {
  border-color: var(--gold);
}

.floating-contact.floating-whatsapp {
  background: #25d366;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, .9);
  box-shadow: 0 12px 30px rgba(18, 140, 75, .35);
}

.floating-contact.floating-whatsapp:hover {
  background: #128c4b;
  color: #fff;
  transform: translateY(-3px);
}

.floating-contact.floating-whatsapp i {
  font-size: 1.45rem;
}