How to hide a a "line block" in footer on the home page

Site URL: https://pepper-vuvuzela-8ctk.squarespace.com/config/pages

Hi. I added a line block to the footer of the site I am working on and want it to appear on every page, except the home page. I tried this css in both design < css and in the advanced < page header but it did not work. When I put it in design < css it removes the line on every page (not just the homepage) or when I put it in the page header it doesn't do anything. I'm sure I have the wrong code. 🙂  Any help would be greatly appreciated!

Thanks so much!

p.s. the template is 7.1 (Barbosa)

#block-yui_3_17_2_1_1591651464208_8277
{
 display: none !important;
     }
 

.homepage #block-yui_3_17_2_1_1591651464208_8277
{
 display: none !important;
     }

Tuan thank you for your response. However  .homepage is not working. I also tried using my homepage slug /home like below. But it also did not work. Any other suggestions? Thanks again!!

.home #block-yui_3_17_2_1_1591651464208_8277
{
 display: none !important;
     }