footer {z-index: 200;}

footer a {
    right: .25rem;
    bottom: .25rem;
    left: .25rem;
}
@media only screen and (min-width: 1024px) {
    footer a {
        left: calc(100vw / 3);
        right: calc(100vw / 3);
        text-align: center;
    }
}
@media (hover: hover) {
    footer a {transition: background 500ms ease;}
    footer a:hover {background: rgba(180, 180, 180, .5);}
}