{
  "html": "<footer class='footer'><div class='footer__inner'><p class='footer__copy'>© 2026 Кинокаталог</p><nav class='footer__nav'><a href='/policy' class='footer__link footer__link--spring'><span class='footer__link-text'>Политика</span><span class='footer__link-icon'>→</span></a><a href='/rules' class='footer__link footer__link--smooth'><span class='footer__link-text'>Правила</span><span class='footer__link-icon'>→</span></a></nav></div></footer>",
  "css": ".footer .footer__link { position: relative; display: inline-flex; align-items: center; gap: 4px; overflow: hidden; }\n\n.footer .footer__link-text { position: relative; z-index: 1; }\n\n.footer .footer__link-icon { display: inline-block; opacity: 0; transform: translateZ(0) scale(0.5); transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); }\n\n.footer .footer__link:hover .footer__link-icon { opacity: 1; transform: translateZ(0) scale(1); }\n\n.footer .footer__link::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, #f87171, #fbbf24, #34d399, #60a5fa, #f87171); background-size: 300% 100%; transform: scaleX(0); transform-origin: left; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); }\n\n.footer .footer__link:hover::after { transform: scaleX(1); }\n\n.footer .footer__link--spring::after { transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); }\n\n.footer .footer__link--smooth::after { transition: transform 0.4s ease-in-out; }\n\n.footer .footer__link:hover::after { animation: footer-gradient-move 4s linear infinite; }\n\n@keyframes footer-gradient-move { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }"
}