.footer-links { gap: 14px; align-items: start; display: grid; flex: 0 0 55%; grid-auto-flow: column; grid-template-rows: repeat(var(--rowsCount),auto); }
.footer-links--large { flex: 0 0 75%; }
.landscape .footer-links, .mobile .footer-links, .tablet .footer-links { flex: 0 0 100%; }
.footer-links > a { align-self: flex-start; break-inside: avoid; color: var(--color-footer-menu-text); display: block; text-decoration: none; }
.desktop .footer-links > a { transition: color 0.3s; }
.desktop .footer-links > a:hover { color: var(--color-footer-menu-text-hover); }