Edit CSS so tagline changes color on other pages.

Hi! I entered a tagline under my logo using css but I want it to change color on certain pages. I want the tagline text to be white on the homepage, but black on all the other pages since they all have light background colors. With the css I'm using now, it is always white as you can see below. Here is the css I'm using now:

/*tagline below*/
.header-title-logo a:after {
    content:"dangerously good design...";
    display: flex;
    font-size: 15px;
    margin-top: 17px;
    font-weight: light;
    text-align: center;
      font-style: italic;
      color: white;
      font-family: futura-pt;
}

If it isn't possible to make it change colors, the next best option would be to delete it entirely off of the other pages so it only appears in white on the homepage, but again, I can't figure out how to do that. Any and all help is appreciated! Thanks in advance!

This worked! Thank you @tuanphan!