JSFiddle - React, Tailwind, and code Playground

HTML

<div class="product-item">
  <div class="product-item-images">dgdgdfg</div>
  <div class="product-item-name">dfgdgfdg</div>
  <div class="product-item-description">345345</div>
  <div class="product-item-price">dfgdgd</div>
  <div class="product-item-buy">22222222</div>
</div>

CSS

.product-item{
  height: 120px;
  border: 3px solid red;
  position:relative;
   
}
.product-item-buy{
  position:absolute;
  bottom:0;
  border: 1px solid green;
  height: 20px;
  width: 250px;
  
}