.footer-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer-right .footer-social-link {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  text-indent: 0;
  color: var(--color-white);
  background: var(--color-secondary);
  /* Override the inline movement applied to all .btn elements by the main script. */
  transform: none !important;
  transition: background-color .3s ease, box-shadow .3s ease;
}

.footer-social-link svg {
  display: block;
  flex-shrink: 0;
}

.footer-right .footer-social-link:hover,
.footer-right .footer-social-link:focus-visible {
  background: var(--color-secondary-700);
  opacity: 1;
}