Block alignment in footer

Site URL: http://armadillo-hen-falb.squarespace.com

Hello,

Hope there is someone that can help.

I've seen that similar questions have already been asked, but I cannot get any of the codes I found work for me. I am totally new to CSS...

I've attached pictures of the footer. I would like to make these changes (marked in red on the screenshots)
– on desktop I would like the 3 elements to be aligned
– on mobile I would like the copyright to sit at the bottom next to the social media icons and for the padding at the bottom to be reduced

site: armadillo-hen-falb.squarespace.com
password: comingsoon

Thank you so much in advance for your help

Used this CSS

@media screen and (min-width: 768px) {
    div#block-yui_3_17_2_1_1651466422177_5436+.row,div#block-yui_3_17_2_1_1651466422177_5436+.row .row {
        display:flex;
        align-items: flex-end
    }
}