.site-footer .footer-social {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: #ffffff0d;
  transition: background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.site-footer .footer-social svg {
  width: 18px;
  height: 18px;
  overflow: visible;
}

.site-footer .footer-social:not(.whatsapp) svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.site-footer .footer-social.whatsapp {
  color: #fff;
  background: #25d366;
}

.site-footer .footer-social.whatsapp svg {
  fill: currentColor;
}

.site-footer .footer-social:hover,
.site-footer .footer-social:focus-visible {
  color: #101820;
  background: var(--gold);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px #0000002e;
  outline: 0;
}

.site-footer .footer-social.whatsapp:hover,
.site-footer .footer-social.whatsapp:focus-visible {
  color: #fff;
  background: #1fbd5a;
}

.floating-whatsapp summary {
  width: 52px;
  height: 52px;
  border-width: 2px;
  background: #25d366;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.floating-whatsapp summary svg {
  width: 25px;
  height: 25px;
}

.floating-whatsapp summary:hover,
.floating-whatsapp summary:focus-visible {
  background: #1fbd5a;
  transform: translateY(-2px);
  box-shadow: 0 16px 34px #0b472b48;
  outline: 0;
}

@media (width <= 720px) {
  .site-footer .footer-social {
    width: 34px;
    height: 34px;
  }

  .site-footer .footer-social svg {
    width: 17px;
    height: 17px;
  }

  .floating-whatsapp summary {
    width: 48px;
    height: 48px;
  }

  .floating-whatsapp summary svg {
    width: 23px;
    height: 23px;
  }

  .whatsapp-menu {
    bottom: 60px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-footer .footer-social,
  .floating-whatsapp summary {
    transition: none;
  }
}