.footer-contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  text-align: right;
  font-size: 17px;
  font-weight: 700;
}

.footer-contacts a,
.footer-bottom a {
  transition: color .2s;
}

.footer-contacts a:hover,
.footer-bottom a:hover {
  color: var(--teal);
}

@media (max-width: 800px) {
  .footer-contacts {
    align-items: flex-start;
    text-align: left;
  }
}