ショッピングカートのアイコンを0のときは灰色、1つ以上のときは赤色にしたい。

前提・実現したいこと

ECサイトやモバイルアプリなどでよくある、ショッピングカートのアイコンを0のときは灰色、1つ以上のときは赤色になるアイコンを作りたいです。

発生している問題・エラーメッセージ

ショッピングカートの中身に応じてアイコンの中身の数字が変わるような仕組みにはできたのですが、ずっと灰色のままになってしまいます。

このようにしたいです。

該当のソースコード

html
1<ul id="main">
2<li><a href="<{ $view_myaccount_url }>"><img src="https://img21.shop-pro.jp/PA01430/787/etc/ico-person.png?cmsp_timestamp=20190410141406"></a></li>
3<li><a href="<{ $view_cart_url }>"><img src="https://img21.shop-pro.jp/PA01430/787/etc/ico-shopping-cart.png?cmsp_timestamp=20190410141417"><span class="count"><{$incart_total_count}></span></a></li>
4</ul>

css
1span.count {
2    padding: 2px 8px;
3    -webkit-border-radius: 100px;
4    -moz-border-radius: 100px;
5    border-radius: 100px;
6    background: #b5b5b5;
7    font-size: 1.2rem;
8    color: #fff;
9    font-weight: bolder;
10    position: absolute;
11    top: 10px;
12    right: -5px;}