Offer Card: Default

<div class="container">
    <div class="offer-card-wrapper">
        <div class="card-top-wrapper">
            <div class="provider-section">
                <div class="image hidden-xs">
                    <div class="provider-image">
                        <img src="/public/build/assets/images/baloise_desktop.svg" alt="provider logo">
                    </div>
                </div>
                <div class="name-rating">
                    <div class="provider-name visible-xs">
                        <h3>Provider name</h3>
                    </div>
                    <div class="provider-rating">
                        <i class="material-icons rs rating-star">stars</i>
                        <h4 class="rating-value hidden-xs">4,8/5</h4>
                        <h3 class="rating-value visible-xs">4,8/5</h3>
                        <p class="x-small hidden-xs">(69 ratings)</p>

                    </div>
                    <div class="provider-name hidden-xs">
                        <h3>Provider name</h3>
                    </div>
                    <p class="x-small visible-xs">(69 ratings)</p>

                </div>
            </div>
            <div class="price-section">
                <h4 class="scratched-provider">CHF 1020.-</h4>
                <h3 class="danger">CHF 900.-</h3>
            </div>
        </div>
        <hr class="provider-line">
        <div class="card-bottom-wrapper">
            <div class="tag-info">
             <div class="tag-wrapper tag-wrapper-no-popover hidden-xs">
                <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>
                <div class="tag-wrapper tag-wrapper-no-popover visible-xs">
                <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>
                
                <div class="info">
                    <span class="material-icons">
                        thumb_up
                    </span>
                    <p class="x-small visible-xs">Wurde bereits <span class="medium-body">2300</span> mal <span
                            class="medium-body">gebucht.</span></p>
                    <p class="small hidden-xs">Wurde bereits <span class="medium-body">2300</span> mal <span
                            class="medium-body">gebucht.</span></p>
                </div>
            </div>
            <movu-button custom_class="button-small wrap-new-btn" flat icon_name="add" text="show adjust details">
            </movu-button>
        </div>
    </div>
</div>