Keep cart icon on bottom right corner shown except for some pages

I currently have code to make the Cart icon visible on the bottom right corner at all times.

//keep cart shown
div#floatingCart {
    display: block !important;
}
body#cart {
    header#header, footer.sections {
display: none !important;
}}

Is there a way to hide it on certain pages?

Hide cart icon on these pages:

• https://www.jonoyuen.com/
• https://www.jonoyuen.com/work
• https://www.jonoyuen.com/info

I only need the cart for this section of the site: https://www.jonoyuen.com/mutantmade

@Web_Solutions Thank you so much for the quick and clear reply! Worked perfectly!

You're a legend!

Sorry @Web_Solutions I noticed it's still coming up in the internal pages for the sections:

https://www.jonoyuen.com/personal/skate-bums

https://www.jonoyuen.com/work/telstra-discovery-store

Is there a way to hide it from those pages too?
They don't seem to have collection IDs, only item IDs?

6 hours ago, JonoY said:

Sorry @Web_Solutions I noticed it's still coming up in the internal pages for the sections:

https://www.jonoyuen.com/personal/skate-bums

https://www.jonoyuen.com/work/telstra-discovery-store

Is there a way to hide it from those pages too?
They don't seem to have collection IDs, only item IDs?

Replace the previous code with the code below.

#collection-611c5220270bdd2b105d10e6, .collection-611b5f8ff0cb0b6c23412dff, .collection-611c41133910594454b70966 {
  #floatingCart{
    display: none !important;
  }
}

@Web_Solutions That did the trick, thanks again! So helpful!!!