         <button class="relative flex justify-center items-center gap-1 font-iran_Medium">
              <span class="w-full h-full absolute top-0 right-0 z-50 dropDownBtn"></span>
              <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="dropDownBtn bi bi-person" viewBox="0 0 16 16">
                <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z"/>
              </svg>
              <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" class="dropDownBtn bi bi-caret-down-fill" viewBox="0 0 16 16">
                <path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/>
              </svg>
              <span class="dropDownContent hidden w-[250px] h-auto bg-white border border-slate-100 
              shadow-[1px_1px_3px_0px_rgba(0,0,0,0.2)] rounded-md absolute left-0 py-2 top-8 flex z-50">
                <ul class="w-full flex flex-col justify-center items-start text-sm">
                  <li class="flex justify-between items-center gap-2 p-4 
                  w-full text-slate-800">
                    <span>رضا کوهساری</span>
                    <span>
                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor"
                       class="bi bi-chevron-left stroke-1 stroke-slate-700" viewBox="0 0 16 16">
                        <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"/>
                      </svg>
                    </span>
                  </li>
                  <hr class="w-[90%] mx-auto text-slate-300">
                  <li class="flex justify-between items-center gap-2 p-4 
                  hover:bg-slate-100 w-full text-slate-800">
                  <div class="flex items-center gap-2">
                  <img src="../res/cart/club-point.svg" width="24" height="24" alt="">
                  <h3>دیجی کلاب</h3>  
                  </div>
                  <div>
                    <span>0</span>
                    <span class="text-xs text-slate-500">امتیاز</span>
                  </div>
                  </li>
                  <hr class="w-[90%] mx-auto text-slate-300">
                  <li class="flex justify-between items-center gap-2 p-4 
                  hover:bg-slate-100 w-full text-slate-800">
                  <span class="flex gap-2 text-slate-500">
                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22"
                     fill="currentColor" class="bi bi-stars" viewBox="0 0 16 16">
                      <path d="M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387A1.73 1.73 0 0 0 4.593 5.69l-.387 1.162a.217.217 0 0 1-.412 0L3.407 5.69A1.73 1.73 0 0 0 2.31 4.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387A1.73 1.73 0 0 0 3.407 2.31zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.16 1.16 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.16 1.16 0 0 0-.732-.732L9.1 2.137a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732z"/>
                    </svg>
                    <span>پلاس</span>
                  </span>

                  <div class="flex items-center gap-1 text-[10px] text-purple-700">
                    <span>خرید اشتراک</span>
                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor"
                     class="bi bi-chevron-left stroke-1 stroke-purple-700" viewBox="0 0 16 16">
                      <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"/>
                    </svg>
                  </div>
                    
                  </li>
                  <hr class="w-[90%] mx-auto text-slate-300">
                  <li class="flex justify-between items-center gap-2 p-4 
                  hover:bg-slate-100 w-full text-slate-800">
                  <span class="flex gap-2 text-slate-800 items-center">
                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-basket3" viewBox="0 0 16 16">
                      <path d="M5.757 1.071a.5.5 0 0 1 .172.686L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-1A.5.5 0 0 1 .5 6h1.717L5.07 1.243a.5.5 0 0 1 .686-.172zM3.394 15l-1.48-6h-.97l1.525 6.426a.75.75 0 0 0 .729.574h9.606a.75.75 0 0 0 .73-.574L15.056 9h-.972l-1.479 6z"/>
                    </svg>
                    <span>سفارش ها</span>
                  </span>
                  </li>
                  <hr class="w-[90%] mx-auto text-slate-300">
                  <li class="flex justify-between items-center gap-2 p-4 
                  hover:bg-slate-100 w-full text-slate-800">
                  <span class="flex gap-2 items-center text-slate-800">
                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
                      <path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15"/>
                    </svg>
                    <span>لیست ها</span>
                  </span>
                  </li>
                  <hr class="w-[90%] mx-auto text-slate-300">
                  <li class="flex justify-between items-center gap-2 p-4 
                  hover:bg-slate-100 w-full text-slate-800">
                  <span class="flex gap-2 items-center text-slate-800">
                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-bell" viewBox="0 0 16 16">
                      <path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2M8 1.918l-.797.161A4 4 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4 4 0 0 0-3.203-3.92zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5 5 0 0 1 13 6c0 .88.32 4.2 1.22 6"/>
                    </svg>
                    <span>پیام ها</span>
                  </span>
                  <span class="bg-main_digikala text-white p-1 rounded-md size-5 flex items-center
                  justify-center text-xs">2</span>
                  </li>
                </ul>
              </span>  
            </button>