Tag Movu: New

<h1> TAG COMPONENTS</h1>
<br>
<h4>x-small version</h4>
<div class="tag-wrapper tag-wrapper-no-popover">
    <p class="recommendation-tag x-small">Movu recommendation</p>
    <p class="premium-tag x-small">Premium Partner</p>
    <p class="regional-tag x-small">Regional</p>
    <p class="x-small">Great Price</p>
</div>
<br>
<h4>small version</h4>
<div class="tag-wrapper tag-wrapper-no-popover">
    <p class="recommendation-tag small">Movu recommendation</p>
    <p class="premium-tag small">Premium Partner</p>
    <p class="regional-tag small">Regional</p>
    <p class="small">Great Price</p>
</div>
<hr>
<h1>PREMIUM TAG</h1>
<br>
<div class="tag-wrapper">
    <p class="premium-tag x-small">Premium Partner</p>
    <div class="vertical-line"></div>
    <p class="premium-tag small">Premium Partner</p>
</div>
<hr>
<h1>RECOMMENDATION TAG</h1>
<br>
<div class="tag-wrapper">
    <p class="recommendation-tag x-small">Movu recommendation</p>
    <div class="vertical-line"></div>
    <p class="recommendation-tag small">Movu recommendation</p>

</div>
<hr>
<h1>REGIONAL TAG</h1>
<br>
<div class="tag-wrapper">
    <p class="regional-tag x-small">Regional</p>
    <div class="vertical-line"></div>
    <p class="regional-tag small">Regional</p>
</div>
<hr>
<h1>DEFAULT TAG</h1>
<br>
<div class="tag-wrapper">
    <p class="x-small">Great Price</p>
    <div class="vertical-line"></div>
    <p class="small">Great Price</p>
</div>
<hr>
<h1>TAG COMPONENTS WITH POPOVER </h1>
<h4>it's centred only for dms view :)</h3>
    <div class="this-class-is-only-for-dms-use-not-apss">
        <div class="tag-wrapper tag-wrapper-with-popover">
            <movu-popover content="Our Premium Partner Programme awards the best and most experienced moving and cleaning companies on MOVU." action="hover" position="top">
                <p class="recommendation-tag x-small popover-button">Movu recommendation</p>
            </movu-popover>
            <movu-popover content="Our Premium Partner Programme awards the best and most experienced moving and cleaning companies on MOVU." action="hover" position="top">
                <p class="premium-tag x-small popover-button">Premium partner</p>
            </movu-popover>
            <movu-popover content="Our Premium Partner Programme awards the best and most experienced moving and cleaning companies on MOVU." action="hover" position="top">
                <p class="regional-tag x-small popover-button">Regional</p>
            </movu-popover>
            <movu-popover content="Our Premium Partner Programme awards the best and most experienced moving and cleaning companies on MOVU." action="hover" position="top">
                <p class="x-small popover-button">Great price</p>
            </movu-popover>
        </div>
    </div>