Custom CSS for bullet points in Squarespace 7.1

Hi,
 

I was wondering what is the best way to style bullet points made in the text editor in SS 7.1 using custom CSS? Also, what is the best way to style <li>s that are written in markup code? And how do I differentiate both?

Any help is greatly appreciated! Thanks!

 

Can you share link to page where you use bullet points? We can help easier.

Sure. Here are two pages.

This one has some bubble bullet points: https://www.mentalhealthfirstresponders.com/how-to-help

This one has a bunch of regular bullet points with some markup bullet points as well: https://www.mentalhealthfirstresponders.com/childhood-adolescence-adult

I've been able to add to style the bullet points differently, but I am wondering what code is best practice.
Especially for styling all of the ones in the text editor universally. 

Thanks so much!

Add to Home > Design > Custom CSS

ul[data-rte-list] li>*:first-child::before {
    content: "\25B8" !important;
}