WooCommerce （税込）と金額の横に消費税込の表示を追加するCSS

WooCommerceで税込金額で商品登録を行うと、カート画面や、支払い（チェックアウト）画面の金額は、税込と表示されない。（税別金額で商品を登録して、消費税を計算するように設定すると、税込と表示される）

表示が無い = 税込金額なのだが、税込み？なの？と迷う。

そこで、（税込）と金額の横に表示するように、下のCSSを設定した。

/* 税込 総額表示　*/
span.woocommerce-Price-amount.amount:after {
    content: ' (税込)';
    font-size: 12px;
    color: #666;
	font-weight:500 !important;
}
td.product-price span.woocommerce-Price-amount.amount:after,
tr.order-total span.woocommerce-Price-amount.amount:after {
	display:none;
}

CSSを適用すると下のようになる。