Add a character to index menu toggle

I'm working in preview mode with a new template, Trémont. The index/homepage has an option to hover over/choose between different main page options. When you hover over the text, the background image changes and then you can navigate to that page. I love it.

I want to use this to showcase two different veins of my work, but I want to add a (+) plus sign between the options. Screenshot attached - I want it to say "at the intersection of drama + dharma".

Seems like a simple add, but I don't know enough code to get me there! Simply adding a + to the end of the "drama" text adds too much space then before "dharma".

Any help is greatly appreciated.

You can use this to Website Tools > Custom CSS

.collection-nav-item:not(:last-child):after {
    content: "+";
    color: white;
}