list section button css

Hi, I'm trying to give all buttons on a client's site a hover effect and I have all but the list section buttons - not the individual items, but the overall section.

It's a simple list section, and I've tried so many variations of the below as well as others I've found, including just .list-section-button. Nothing seems to work.  

.user-items-list-simple list-section-button:hover
{color: black;
   background-color: #6AEFAB;
   }

Any help is appreciated! Thank you!

Can you share your website URL? Thanks!

https://noteworthy-music-studio.squarespace.com/ 

pw: sing123

1 hour ago, angelaw said:

.user-items-list-simple list-section-button:hover
{color: black;
   background-color: #6AEFAB;
   }

This code has an error, so we can try that fix first:

.user-items-list-simple .list-section-button:hover {
  color: black;
  background-color: #6AEFAB;
}

@Ziggy thank you so much!! The second option finally worked!!!