<!DOCTYPE html> <html> <head> <style> :root { --social-proof-text-color: #000000; --social-proof-star-color: #FEBDD2; } .social-proof-slide__block-rating { display: flex; align-items: center; justify-content: flex-start; font-size: 14px; } .social-proof-slide__block-stars { display: flex; margin-right: 8px; color: var(--social-proof-star-color); } .social-proof-slide__block-rating-text { display: inline; color: var(--social-proof-text-color); content: var(--social-proof-rating-text); } .social-proof-star { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; } .social-proof-star svg { width: 16px; height: 16px; fill: var(--social-proof-star-color); } </style> </head> <body> <div class="social-proof-slide__block-rating mt-2"> <span class="social-proof-slide__block-stars"> <span class="social-proof-star"> <svg xmlns="<http://w3.org/2000/svg>" viewBox="0 0 576 512"> <svg class="w-[16px] h-[16px]" fill="currentColor" stroke="currentColor" xmlns="<http://w3.org/2000/svg>" viewBox="0 0 576 512"> <path d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path> </svg> </span> <span class="social-proof-star"> <svg xmlns="<http://w3.org/2000/svg>" viewBox="0 0 576 512"> <svg class="w-[16px] h-[16px]" fill="currentColor" stroke="currentColor" xmlns="<http://w3.org/2000/svg>" viewBox="0 0 576 512"> <path d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path> </svg> </span> <span class="social-proof-star"> <svg xmlns="<http://w3.org/2000/svg>" viewBox="0 0 576 512"> <svg class="w-[16px] h-[16px]" fill="currentColor" stroke="currentColor" xmlns="<http://w3.org/2000/svg>" viewBox="0 0 576 512"> <path d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path> </svg> </span> <span class="social-proof-star"> <svg xmlns="<http://w3.org/2000/svg>" viewBox="0 0 576 512"> <svg class="w-[16px] h-[16px]" fill="currentColor" stroke="currentColor" xmlns="<http://w3.org/2000/svg>" viewBox="0 0 576 512"> <path d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path> </svg> </span> <span class="social-proof-star"> <svg xmlns="<http://w3.org/2000/svg>" viewBox="0 0 576 512"> <svg class="w-[16px] h-[16px]" fill="currentColor" stroke="currentColor" xmlns="<http://w3.org/2000/svg>" viewBox="0 0 576 512"> <path d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path> </svg> </span> </span> <span class="social-proof-slide__block-rating-text"> Rated 4.8 by 1500+ Customers! </span> </div> </body> </html>