Dropdown

<div class="d-ib">
   <button class="d-f ai-c g-2 px-4 py-2 rad-1 fs-sm fw-500 bg-white tc-slate-8 b-1 bc-silver-4 h:bg-silver-1 f:oc-silver-1 f:os-s f:ow-2">
      <span>Options</span>
      <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
   </button>
   <div class="mt-1 p-1 bg-white b-1 bc-silver-4 rad-1 bs-3 min-w-40">
      <button class="d-b w-full ta-l px-3 py-2 rad-1 fs-sm tc-slate-8 bg-transparent b-0 h:bg-silver-1 cu-p">Edit</button>
      <button class="d-b w-full ta-l px-3 py-2 rad-1 fs-sm tc-slate-8 bg-transparent b-0 h:bg-silver-1 cu-p">Duplicate</button>
      <button class="d-b w-full ta-l px-3 py-2 rad-1 fs-sm tc-slate-8 bg-transparent b-0 h:bg-silver-1 cu-p">Archive</button>
      <hr class="my-1 b-0 bt-1 bc-silver-4" />
      <button class="d-b w-full ta-l px-3 py-2 rad-1 fs-sm tc-red bg-transparent b-0 h:bg-red-1 cu-p">Delete</button>
   </div>
</div>

<div class="d-ib">
   <button class="d-f ai-c g-2 px-4 py-2 rad-1 fs-sm fw-500 bg-white tc-slate-8 b-1 bc-silver-4 h:bg-silver-1 f:oc-silver-1 f:os-s f:ow-2">
      <span>Actions</span>
      <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
   </button>
   <div class="mt-1 p-1 bg-white b-1 bc-silver-4 rad-1 bs-3 min-w-44">
      <button class="d-f ai-c g-2 w-full ta-l px-3 py-2 rad-1 fs-sm tc-slate-8 bg-transparent b-0 h:bg-silver-1 cu-p">
         <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 tc-silver-10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/></svg>
         <span>Edit</span>
      </button>
      <button class="d-f ai-c g-2 w-full ta-l px-3 py-2 rad-1 fs-sm tc-slate-8 bg-transparent b-0 h:bg-silver-1 cu-p">
         <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 tc-silver-10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
         <span>Duplicate</span>
      </button>
      <button class="d-f ai-c g-2 w-full ta-l px-3 py-2 rad-1 fs-sm tc-slate-8 bg-transparent b-0 h:bg-silver-1 cu-p">
         <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 tc-silver-10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
         <span>Archive</span>
      </button>
      <hr class="my-1 b-0 bt-1 bc-silver-4" />
      <button class="d-f ai-c g-2 w-full ta-l px-3 py-2 rad-1 fs-sm tc-red bg-transparent b-0 h:bg-red-1 cu-p">
         <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/></svg>
         <span>Delete</span>
      </button>
   </div>
</div>