Display the discount percentage after sale ribbon but keeping css styles in WooCommerce

Question

I\'m trying to show the percentage after the word Sale! so it would show sale XX% Off.

I found Display the discount percentage on the sale badge in Woocommerce 3

M