footer{border-top:1px solid var(--color-accent);margin-top:8rem;width:100%}footer .next,footer .prev{transition:all var(--duration-s)}:is(footer .next,footer .prev)[disabled=true]{opacity:35%;pointer-events:none}:is(footer .next,footer .prev):hover .nav-arrow{color:var(--color-text)}footer .footer-nav{display:flex;justify-content:center;padding-block:2.5rem}footer .footer-nav:has(.next){justify-content:end}footer .footer-nav:has(.next):has(.prev){justify-content:space-between}footer .footer-nav:has(.next) .prev{margin-left:-1rem}.nav-arrow{--ease:cubic-bezier(.2,1,.3,1);color:var(--color-accent);height:32px;overflow:visible;width:100px}.nav-arrow path,.nav-arrow polygon{transition:all var(--duration-l) var(--ease);fill:currentColor}.nav-arrow .arrow,.nav-arrow .arrow-fixed{will-change:transform}.nav-arrow:hover .arrow{animation:arrow-anim var(--duration-xl) var(--ease) infinite}.nav-arrow:hover .arrow-fixed{animation:arrow-fixed-anim var(--duration-xl) var(--ease) infinite}@keyframes arrow-anim{0%{opacity:1;transform:translate(0)}5%{transform:translate(-.1rem)}to{opacity:0;transform:translate(1rem)}}@keyframes arrow-fixed-anim{5%{opacity:0}20%{opacity:.4}to{opacity:1}}
