mango-web/components/MangoSale.tsx

const MangoSale = () => {
  return (
    <div class="inline-flex items-center relative -top-4 px-2 py-1 text-lg text-white text-xs uppercase font-bold bg-gradient-to-br from-red-400 via-yellow-300 to-green-500 rounded-full">
      <p>Sale</p>
    </div>
  )
}

export default MangoSale