horizontal

<div class="card-horizontal card-shadow p-xs">
  	<div class="grid-row-span-2 card-img">
    	<img src="/assets/billy-summers.webp"/>
  	</div>
	<div class="card-details mx-m">
  		<div class="text-xs font-light ">Billy Summers</div>
		<div class="sub-title ">English, Hardcover, Stephen King</div>
		<div class="font-bold">Rs. 399</div>
	</div>
	<div class="card-props my-s">
  		<button class="btn btn-primary">Add to Cart</button>
		<button class="btn btn-outline outline-primary mx-xs">Save for Later</button>
	</div>
</div>