Как назначить класс CSS количеству запасов в WooCommerce?

Я пытаюсь отобразить текст «Количество на складе» в следующем формате.

"Сколько в наличии?" «20»

Вы можете проверить это вживую по следующей ссылке:

https://spendr.dk/shop/

Я использую следующий код.

add_action('woocommerce_after_shop_loop_item','bbloomer_show_stock_shop', 10);

function bbloomer_show_stock_shop() {
global $product;
if ( $product->stock ) { // if manage stock is enabled 
if ( number_format( $product->stock,0,'','' ) < 3 ) { // if stock is low
echo '<div class = "remaining">Only ' . number_format($product->stock,0,'','') . ' left in stock!</div>';
} 

else {
echo '<div class = "remaining">' . 'How many in stock?</div>' . 
number_format($product->stock,0,'','');
}
}
}

Теперь я хочу настроить «Количество на складе» (пример: 20). Я пытаюсь добавить класс CSS к количеству запасов. Я хочу показать это рядом с вопросом «Сколько в наличии?» текст.

Как я могу добавить класс CSS к количеству запасов? в PHP.

Спасибо.