Render form styles in twig template correctly

[MAILPOET-3415]

lib/Form/Renderer.php

@@ -36,12 +36,9 @@ class Renderer {
 
   public function renderStyles(array $form, string $prefix, string $displayType): string {
     $this->customFonts->enqueueStyle();
-    $html = '<style type="text/css">';
-    $html .= '.mailpoet_hp_email_label{display:none!important;}'; // move honeypot field out of sight
+    $html = '.mailpoet_hp_email_label{display:none!important;}'; // move honeypot field out of sight
     $html .= $this->styleUtils->prefixStyles($this->getCustomStyles($form), $prefix);
     $html .= $this->styleUtils->renderFormSettingsStyles($form, $prefix, $displayType);
-    $html .= '</style>';
-
     return $html;
   }
 

views/form/front_end_form.html

@@ -36,7 +36,11 @@
         src='<%= image_url("form_close_icon/" ~ close_button_icon ~ ".svg") %>'
       >
     <% endif %>
-    <%= styles | raw %>
+
+    <style type="text/css">
+     <%= styles %>
+    </style>
+
     <form
       target="_self"
       method="post"