{% assign class = class | default: 'justify-center' %}

<a
  href='https://www.google.com/maps'
  target='_blank'
  class='flex items-center gap-2.5 {{ class }}'
>
  {% render 'icon-google-rating' %}
  <span class='text-5xl font-bold -tracking-[0.06em] leading-none'>4.9</span>
  <div class='flex flex-col justify-between'>
    {% render 'icon-stars' %}
    <span class='mt-2 opacity-80'> based on 288 reviews</span>
  </div>
</a>