Woocommerce email purge html class

I created this code, to show a kind of fill careen, in the edit order page everything works correctly and show. Instead if I add the same code in the email template or through the function.php file the html code is ‘purged’. My code:

$ntcart=get_post_meta( $order->id, 'Filled Carts', true );
$pucart=get_post_meta( $order->id, 'Last Cart', true );
   echo '<style>progress{
   margin: 30px 0;
    transform: rotate(
-90deg
);
    border-radius: 2px;
    height: 50px;
    width: 70px;
    color: blue;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    border-top: 2px solid #000;}</style><div class="minicart"><h3>filled carts</h3>';

for ($x = 1; $x <= $ntcart; $x++) {
  echo '<span class="container-fill-cart"><progress 
          max=100
          min=0
          value=100></span>';
}
echo '<span class="container-fill-cart"><progress 
          max=100
          min=0
          value='.$pucart.'></span></div>';
}

all class and tag progress are removed from the email

The page I need help with: [log in to see the link]