File Path Card

<div class="border rounded-lg p-4 max-w-2xl bg-gray-50 border-gray-200">
  <style>@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&display=swap');</style>
  <div class="flex items-start gap-3">
    <svg class="w-5 h-5 flex-shrink-0 mt-0.5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
    </svg>
    <div class="flex-1 overflow-hidden">
      <p class="text-xs text-gray-500 mb-1 uppercase tracking-wide font-semibold">File Location</p>
      <code class="text-sm break-all block text-gray-800" style="font-family: 'Fira Code', 'Courier New', monospace;">file:///C:/Users/harvinder/Desktop/my%20edits.mp4</code>
    </div>
  </div>
</div>