.footer-contact {
  gap: 9px;
}

.footer-contact > b {
  margin-bottom: 3px;
}

.footer-contact a {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  max-width: 100%;
  transition: color .2s, transform .2s;
}

.footer-contact a:hover,
.footer-contact a:focus-visible {
  color: #fff;
  transform: translateX(3px);
}

.footer-contact a > span:last-child {
  overflow-wrap: anywhere;
}

.contact-icon {
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(200, 241, 109, .12);
  color: var(--lime);
  font: 800 16px 'Manrope', sans-serif;
}

.contact-facebook {
  font-size: 20px;
}