feature(petition): CR changes

assets/css/style.css

@@ -13,28 +13,24 @@
     font-weight: 600;
 }
 
-.wpdesk-rating-petition span.heart:before {
+.wpdesk-rating-petition span.heart {
     speak: none;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     color: #dc3232;
     font-size: 16px;
-    font-family: "dashicons";
-    content: "\f487";
     font-style: normal;
     font-variant: normal;
     font-weight: 400;
     text-transform: none;
 }
 
-.wpdesk-rating-petition span.star:before {
+.wpdesk-rating-petition span.star {
     speak: none;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     color: #ffb900;
     font-size: 16px;
-    font-family: "dashicons";
-    content: "\f155";
     font-style: normal;
     font-variant: normal;
     font-weight: 400;

src/views/html-text-petition.php

@@ -9,11 +9,11 @@
 	<?php echo wp_kses_post(
         sprintf(
             __( 'Created with %1$s by %2$s - If you like %3$s you can %4$srate us %5$s in plugins repository%6$s', 'wp-wpdesk-rating-petition' ),
-            '<span class="heart"></span>',
+            '<span class="heart">&hearts;</span>',
             $plugin_author,
             '<span class="plugin-title">' . $plugin_title . '</span>',
             '<a href="' . $rating_url . '" target="_blank">',
-            '<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span>',
+            '<span class="star">&#9733;&#9733;&#9733;&#9733;&#9733;</span>',
             '</a>'
         )
     ); ?>