Tabs

<div class="bg-silver-1 p-1 rad-0 d-if b-1 bc-silver-4">
   <button class="fw-500 tc-black bg-white px-4 py-2 rad-0 b-1 bc-silver-4 sh-sm">For you</button>
   <button class="fw-500 tc-silver-10 px-4 py-2 h:tc-black tr-c">Following</button>
</div>

<div class="bg-silver-1 p-1 rad-0 d-if b-1 bc-silver-4">
   <button class="d-f ai-c g-2 fw-500 tc-black bg-white px-4 py-2 rad-0 b-1 bc-silver-4 sh-sm">
      <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"><rect width="7" height="7" x="3" y="3" rx="1"/><rect width="7" height="7" x="14" y="3" rx="1"/><rect width="7" height="7" x="14" y="14" rx="1"/><rect width="7" height="7" x="3" y="14" rx="1"/></svg>
      <span>Grid</span>
   </button>
   <button class="d-f ai-c g-2 fw-500 tc-silver-10 px-4 py-2 h:tc-black tr-c">
      <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"><line x1="8" x2="21" y1="6" y2="6"/><line x1="8" x2="21" y1="12" y2="12"/><line x1="8" x2="21" y1="18" y2="18"/><line x1="3" x2="3.01" y1="6" y2="6"/><line x1="3" x2="3.01" y1="12" y2="12"/><line x1="3" x2="3.01" y1="18" y2="18"/></svg>
      <span>List</span>
   </button>
</div>