<div class="card">
    <div class="horizontal">
        <div class="item header-image">
            <img class="card-image"  src="https://picsum.photos/110/110" alt="">
        </div>

        <div class="item body-content div-padding">
            <h3 class="card-title">Our Changing Planet</h3>
            <h4 class="card-sub-title">by Kurt Wanger</h4>
        </div>           
        <div class="item body-content div-padding">
            
            <p class="content">Visit ten places on our planet that are undergoing the biggest changes today</p>
        </div>    
    </div>

    <div class="flex-row div-padding">
        <div class="flex-card"> 
            <div class="flex-card">
                <span class="bold-large">₹40,990</span>  
                <span class="text-strike-through">₹65,990</span>
                <span class="text-lightblue">(34% off)</span>            
            </div>

            <a href="#">
                <span class="material-icons-outlined">favorite_border</span>
            </a>
        </div>
    </div>
    <div class="card-footer div-padding">
        <div>                                
            <button class="solid primary-solid"><a href="#">Buy</a></button>
            <button class="btn-outline primary-outline"><a href="#">Add To Cart</a></button>                           
        </div>
    </div>
</div>