.FooterLinks {
  grid-gap: 14px;
  align-items: start;
  display: grid;
  flex: 0 0 55%;
  grid-auto-flow: column;
  grid-template-rows: repeat(var(--rowsCount), auto)
}

.landscape .FooterLinks,
.mobile .FooterLinks,
.tablet .FooterLinks {
  /* flex: 0 0 100% */
}

.FooterLinks>a {
  align-self: flex-start;
  break-inside: avoid;
  color: var(--color-mid-grey-4);
  display: block;
  text-decoration: none
}

.desktop .FooterLinks>a {
  transition: color .3s ease
}

.desktop .FooterLinks>a:hover {
  color: var(--color-white)
}