mango-web/components/RatePill.tsx

const RatePill = () => {
  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-green-400 rounded-full">
      <p>7%</p>
    </div>
  )
}

export default RatePill