.toTop {
    position: fixed;
    right: var(--space-3xs);
    bottom: var(--space-3xs);
    -webkit-mask: url('../../icons/arrow-top.svg') no-repeat 50% 50%;
    mask: url('../../icons/arrow-top.svg') no-repeat 50% 50%;
    padding: var(--space-xs);
    color: var(--color-accent);
    background: var(--color-text);
    z-index: 1000;
}

@media screen and (min-width: 48rem) {
    .toTop {
        padding: var(--space-2xs);
    }
}

.footer {
    padding-top: var(--space-l);
    padding-bottom: var(--space-l);
    margin-top: var(--space-l);
    color: var(--color-text);
}

.footer__legal {
    margin-top: var(--space-l);
}

.footer__legal li {
    display: inline;
}

.footer__legal li:not(:last-child) {
    margin-right: 1.5rem;
}

.footer * {
    font-size: var(--font-size-xs);
}

.footer h2 + *,
.footer h2 + * > * {
    margin-top: var(--space-3xs);
}