.footer-nav {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 0.875rem;
  /*text-transform: uppercase;*/
}

.footer-nav__item {
  display: none;
  color: var(--color-gray, #727272);
  text-decoration: none;
  transition: color 0.1s linear;
}

.footer-nav__item_mobile {
  display: block;
}

.footer-nav__item:hover {
  color: var(--color-coral, #bf9086);
}

@media (min-width: 600px) {
  .footer-nav {
    gap: 0.714285714em;
    align-items: flex-start;
  }

  .footer-nav__item {
    display: block;
  }
}

@media (prefers-reduced-motion: reduce) {
  .footer-nav__item {
    transition: none;
  }
}