mango-web/components/PercentPill.tsx

const PercentPill = () => {
  return (
    <div className="inline-flex h-6 mt-1 items-center px-2 py-1 text-lg text-white text-xs uppercase font-bold bg-red-500 rounded-full">
      <p>-3%</p>
    </div>
  )
}

export default PercentPill