footer {
    margin-top: 6rem;
}

footer.float {
    position: fixed;
    left: 0;
    bottom: 0;
    right: env(safe-area-inset-bottom);
}

/* DESKTOP */
@media only screen and (min-width: 1024px) {
    footer {
        position: absolute;
        left: 2.7rem;
        right: 0;
        bottom: env(safe-area-inset-bottom);
    }

    footer.float {
        position: fixed;
        left: 2.7rem;
    }
}