پیش‌نمایش زنده
کد HTML
<button class="Btn">
  <span class="svgContainer">
    <svg
      viewBox="200 0 600 426"
      version="1.0"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M333.8 116.7c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m97.5 1c.9.2 2.5.2 3.5 0 .9-.3.1-.5-1.8-.5s-2.7.2-1.7.5m14 0c.9.2 2.5.2 3.5 0 .9-.3.1-.5-1.8-.5s-2.7.2-1.7.5m177.5 4c.6.2 1.8.2 2.5 0 .6-.3.1-.5-1.3-.5s-1.9.2-1.2.5M394 132.5c1.3 1.4 2.6 2.5 2.8 2.5.3 0-.5-1.1-1.8-2.5s-2.6-2.5-2.8-2.5c-.3 0 .5 1.1 1.8 2.5m48.3-1.8c.9.2 2.3.2 3 0 .6-.3-.1-.5-1.8-.5-1.6 0-2.2.2-1.2.5m47.2 1.3c1 1.1 2 2 2.3 2s-.3-.9-1.3-2-2-2-2.3-2 .3.9 1.3 2m-143.8 1.7c1.8.2 5 .2 7 0 2.1-.2.7-.4-3.2-.4-3.8 0-5.5.2-3.8.4m281.1 1c.6.2 1.8.2 2.5 0 .6-.3.1-.5-1.3-.5s-1.9.2-1.2.5m25 0c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m-143.5 21c.9.2 2.3.2 3 0 .6-.3-.1-.5-1.8-.5-1.6 0-2.2.2-1.2.5m-136.9 4.5-2.9 3.3 3.3-2.9c3-2.8 3.7-3.6 2.9-3.6-.2 0-1.6 1.5-3.3 3.2m309 0-2.9 3.3 3.3-2.9c1.7-1.7 3.2-3.1 3.2-3.3 0-.8-.8-.1-3.6 2.9M360 278.4c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3m-87 2c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3m104 14.1c3 3 5.7 5.5 5.9 5.5.3 0-1.9-2.5-4.9-5.5s-5.7-5.5-5.9-5.5c-.3 0 1.9 2.5 4.9 5.5"
        fill-opacity=".1"
      ></path>
      <path
        d="M337.3 116.7c.9.2 2.5.2 3.5 0 .9-.3.1-.5-1.8-.5s-2.7.2-1.7.5m14.5 0c.6.2 1.8.2 2.5 0 .6-.3.1-.5-1.3-.5s-1.9.2-1.2.5m86 1c1.2.2 3.2.2 4.5 0 1.2-.2.2-.4-2.3-.4s-3.5.2-2.2.4m189 4c.6.2 1.8.2 2.5 0 .6-.3.1-.5-1.3-.5s-1.9.2-1.2.5m19 0c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m-199 9c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m-107 3c.6.2 1.8.2 2.5 0 .6-.3.1-.5-1.3-.5s-1.9.2-1.2.5m17 0c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m72.3 3.9c0 1.1.3 1.4.6.6.3-.7.2-1.6-.1-1.9-.3-.4-.6.2-.5 1.3m-12.8 4.4c0 2.5.2 3.5.4 2.2.2-1.2.2-3.2 0-4.5-.2-1.2-.4-.2-.4 2.3m-154.2 19.6c0 1.1.3 1.4.6.6.3-.7.2-1.6-.1-1.9-.3-.4-.6.2-.5 1.3m313.2 11.9c0 2.2.2 3 .4 1.7.2-1.2.2-3 0-4-.3-.9-.5.1-.4 2.3m-15.1 1.5c0 1.9.2 2.7.5 1.7.2-.9.2-2.5 0-3.5-.3-.9-.5-.1-.5 1.8m-299 4c0 1.4.2 1.9.5 1.2.2-.6.2-1.8 0-2.5-.3-.6-.5-.1-.5 1.3m16.1 9c0 2.5.2 3.5.4 2.2.2-1.2.2-3.2 0-4.5-.2-1.2-.4-.2-.4 2.3m282.8 2.6c0 1.1.3 1.4.6.6.3-.7.2-1.6-.1-1.9-.3-.4-.6.2-.5 1.3m-35.8 6.1c.9.2 2.3.2 3 0 .6-.3-.1-.5-1.8-.5-1.6 0-2.2.2-1.2.5m-136 9.3c0 3 .2 4.3.4 2.7.2-1.5.2-3.9 0-5.5-.2-1.5-.4-.2-.4 2.8m-111.2 5.6c0 1.1.3 1.4.6.6.3-.7.2-1.6-.1-1.9-.3-.4-.6.2-.5 1.3m127.1 6.9c0 1.6.2 2.2.5 1.2.2-.9.2-2.3 0-3-.3-.6-.5.1-.5 1.8m25.1 4.5c0 2.5.2 3.5.4 2.2.2-1.2.2-3.2 0-4.5-.2-1.2-.4-.2-.4 2.3m-13.1 5c0 1.9.2 2.7.5 1.7.2-.9.2-2.5 0-3.5-.3-.9-.5-.1-.5 1.8m-12 19.5c0 1.6.2 2.2.5 1.2.2-.9.2-2.3 0-3-.3-.6-.5.1-.5 1.8m222.6 29.2c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6"
        fill-opacity=".2"
      ></path>
      <path
        d="M344.3 116.7c1.5.2 3.7.2 5 0 1.2-.2 0-.4-2.8-.4-2.7 0-3.8.2-2.2.4m79.5 2c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m210 3c2.3.2 5.9.2 8 0 2-.2.1-.4-4.3-.4s-6.1.2-3.7.4m-17 1c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m-280 11c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m23 0c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m279.5 0c1.5.2 3.7.2 5 0 1.2-.2 0-.4-2.8-.4-2.7 0-3.8.2-2.2.4m-17.5 1c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m-254.9 30c-1.3 1.6-1.2 1.7.4.4s2.1-2.1 1.3-2.1c-.2 0-1 .8-1.7 1.7m351.9 3c1.2.2 3 .2 4 0 .9-.3-.1-.5-2.3-.4-2.2 0-3 .2-1.7.4m17.2 4.7c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3m-310.2 97.3c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6M363 281.4c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3m-84.2 2.3c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6"
        fill-opacity=".3"
      ></path>
      <path
        d="m385.5 177.2-4 4.3 4.3-4c3.9-3.6 4.7-4.5 3.9-4.5-.2 0-2.1 1.9-4.2 4.2m60.4 80.5-3.4 3.8 3.8-3.4c2-1.9 3.7-3.6 3.7-3.8 0-.8-.8 0-4.1 3.4M366 284.4c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3"
        fill-opacity=".4"
      ></path>
      <path
        d="M330.8 117.7c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m97 1c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m23 0c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m169 4c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m-183.5 7c.9.2 2.5.2 3.5 0 .9-.3.1-.5-1.8-.5s-2.7.2-1.7.5m-103.5 4c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m298.5 0c.9.2 2.5.2 3.5 0 .9-.3.1-.5-1.8-.5s-2.7.2-1.7.5m16 0c.9.2 2.3.2 3 0 .6-.3-.1-.5-1.8-.5-1.6 0-2.2.2-1.2.5m-231 19.8c0 3.8.2 5.3.4 3.2.2-2 .2-5.2 0-7-.2-1.7-.4-.1-.4 3.8m124.5-3.8c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m-112.4 22.8c0 7.7.2 10.7.3 6.7.2-4 .2-10.3 0-14s-.3-.4-.3 7.3m-166.3-6.9c0 1.1.3 1.4.6.6.3-.7.2-1.6-.1-1.9-.3-.4-.6.2-.5 1.3m313 1c0 1.1.3 1.4.6.6.3-.7.2-1.6-.1-1.9-.3-.4-.6.2-.5 1.3M277.2 180c0 1.4.2 1.9.5 1.2.2-.6.2-1.8 0-2.5-.3-.6-.5-.1-.5 1.3m283.1 3c0 2.5.2 3.5.4 2.2.2-1.2.2-3.2 0-4.5-.2-1.2-.4-.2-.4 2.3m-299 2.5c0 2.2.2 3 .4 1.7.2-1.2.2-3 0-4-.3-.9-.5.1-.4 2.3m268 22.2c.9.2 2.3.2 3 0 .6-.3-.1-.5-1.8-.5-1.6 0-2.2.2-1.2.5M261.2 215c0 1.4.2 1.9.5 1.2.2-.6.2-1.8 0-2.5-.3-.6-.5-.1-.5 1.3m155.1 4c0 3 .2 4.3.4 2.7.2-1.5.2-3.9 0-5.5-.2-1.5-.4-.2-.4 2.8m-11.9 14c0 6.3.1 8.9.3 5.7.2-3.1.2-8.3 0-11.5-.2-3.1-.3-.5-.3 5.8m-15.3-7.4c0 1.1.3 1.4.6.6.3-.7.2-1.6-.1-1.9-.3-.4-.6.2-.5 1.3m40.1 6.4c0 1.9.2 2.7.5 1.7.2-.9.2-2.5 0-3.5-.3-.9-.5-.1-.5 1.8m198.6 1.7c.6.2 1.8.2 2.5 0 .6-.3.1-.5-1.3-.5s-1.9.2-1.2.5M369 287.4c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3"
        fill-opacity=".5"
      ></path>
      <path
        d="M333.8 117.7c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m97.5 1c.9.2 2.5.2 3.5 0 .9-.3.1-.5-1.8-.5s-2.7.2-1.7.5m14 0c.9.2 2.5.2 3.5 0 .9-.3.1-.5-1.8-.5s-2.7.2-1.7.5m177.5 4c.6.2 1.8.2 2.5 0 .6-.3.1-.5-1.3-.5s-1.9.2-1.2.5m-180.5 7c.9.2 2.3.2 3 0 .6-.3-.1-.5-1.8-.5-1.6 0-2.2.2-1.2.5m-48.3 3.8c1.3 1.4 2.6 2.5 2.8 2.5.3 0-.5-1.1-1.8-2.5s-2.6-2.5-2.8-2.5c-.3 0 .5 1.1 1.8 2.5m95.5-.5c1 1.1 2 2 2.3 2s-.3-.9-1.3-2-2-2-2.3-2 .3.9 1.3 2m-143.8-.3c1.8.2 5 .2 7 0 2.1-.2.7-.4-3.2-.4-3.8 0-5.5.2-3.8.4m281.1 1c.6.2 1.8.2 2.5 0 .6-.3.1-.5-1.3-.5s-1.9.2-1.2.5m25 0c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m-143.5 23c.9.2 2.3.2 3 0 .6-.3-.1-.5-1.8-.5-1.6 0-2.2.2-1.2.5m172.1 2.5-2.9 3.3 3.3-2.9c1.7-1.7 3.2-3.1 3.2-3.3 0-.8-.8-.1-3.6 2.9m-309 2-2.9 3.3 3.3-2.9c1.7-1.7 3.2-3.1 3.2-3.3 0-.8-.8-.1-3.6 2.9M273 279.4c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3m87 0c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3m17 16.1c3 3 5.7 5.5 5.9 5.5.3 0-1.9-2.5-4.9-5.5s-5.7-5.5-5.9-5.5c-.3 0 1.9 2.5 4.9 5.5"
        fill-opacity=".6"
      ></path>
      <path
        d="M337.3 117.7c.9.2 2.5.2 3.5 0 .9-.3.1-.5-1.8-.5s-2.7.2-1.7.5m14.5 0c.6.2 1.8.2 2.5 0 .6-.3.1-.5-1.3-.5s-1.9.2-1.2.5m86 1c1.2.2 3.2.2 4.5 0 1.2-.2.2-.4-2.3-.4s-3.5.2-2.2.4m189 4c.6.2 1.8.2 2.5 0 .6-.3.1-.5-1.3-.5s-1.9.2-1.2.5m19 0c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6M417.2 128c0 1.4.2 1.9.5 1.2.2-.6.2-1.8 0-2.5-.3-.6-.5-.1-.5 1.3m29.6 1.7c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m-107 3c.6.2 1.8.2 2.5 0 .6-.3.1-.5-1.3-.5s-1.9.2-1.2.5m17 0c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m138.3 12.9c0 1.1.3 1.4.6.6.3-.7.2-1.6-.1-1.9-.3-.4-.6.2-.5 1.3m-66.8 6.9c0 3.8.2 5.3.4 3.2.2-2 .2-5.2 0-7-.2-1.7-.4-.1-.4 3.8M416.4 187c0 14.6.2 20.5.3 13.2.2-7.2.2-19.2 0-26.5-.1-7.2-.3-1.3-.3 13.3m144.7-22.4c0 1.1.3 1.4.6.6.3-.7.2-1.6-.1-1.9-.3-.4-.6.2-.5 1.3m-299 5c0 1.1.3 1.4.6.6.3-.7.2-1.6-.1-1.9-.3-.4-.6.2-.5 1.3m15 6c0 1.1.3 1.4.6.6.3-.7.2-1.6-.1-1.9-.3-.4-.6.2-.5 1.3M428.4 196c0 5.2.1 7.4.3 4.7.2-2.6.2-6.8 0-9.5-.2-2.6-.3-.4-.3 4.8m-167 4.5c0 6.6.1 9.2.3 5.7.2-3.4.2-8.8 0-12-.2-3.1-.3-.3-.3 6.3m262.9-2.8c.9.2 2.3.2 3 0 .6-.3-.1-.5-1.8-.5-1.6 0-2.2.2-1.2.5m-135.2 23.9c0 1.1.3 1.4.6.6.3-.7.2-1.6-.1-1.9-.3-.4-.6.2-.5 1.3m40.1 16.9c0 1.6.2 2.2.5 1.2.2-.9.2-2.3 0-3-.3-.6-.5.1-.5 1.8m-12.1 1.1c0 1.1.3 1.4.6.6.3-.7.2-1.6-.1-1.9-.3-.4-.6.2-.5 1.3m209.7 36.1c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6"
        fill-opacity=".7"
      ></path>
      <path
        d="M344.3 117.7c1.5.2 3.7.2 5 0 1.2-.2 0-.4-2.8-.4-2.7 0-3.8.2-2.2.4m79.5 2c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m210 3c2.3.2 5.9.2 8 0 2-.2.1-.4-4.3-.4s-6.1.2-3.7.4m-17 1c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m-280 9c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m23 0c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m279.5 0c1.5.2 3.7.2 5 0 1.2-.2 0-.4-2.8-.4-2.7 0-3.8.2-2.2.4m-17.5 1c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m-254.9 32c-1.3 1.6-1.2 1.7.4.4s2.1-2.1 1.3-2.1c-.2 0-1 .8-1.7 1.7m351.9 3c1.2.2 3 .2 4 0 .9-.3-.1-.5-2.3-.4-2.2 0-3 .2-1.7.4m17.2 4.7c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3m-52.4 64.3c-.6 1.4-.5 1.5.5.6.7-.7 1-1.5.7-1.8s-.9.2-1.2 1.2m-257.8 31c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m-147 14c.7.3 1.6.2 1.9-.1.4-.3-.2-.6-1.3-.5-1.1 0-1.4.3-.6.6m84.2-.3c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3"
        fill-opacity=".8"
      ></path>
      <path
        d="M381.5 140c1 1.1 2 2 2.3 2s-.3-.9-1.3-2-2-2-2.3-2 .3.9 1.3 2m-17.6 28.7c-1.3 1.6-1.2 1.7.4.4s2.1-2.1 1.3-2.1c-.2 0-1 .8-1.7 1.7m21.6 7.5-4 4.3 4.3-4c3.9-3.6 4.7-4.5 3.9-4.5-.2 0-2.1 1.9-4.2 4.2m-9.6 8.5c-1.3 1.6-1.2 1.7.4.4s2.1-2.1 1.3-2.1c-.2 0-1 .8-1.7 1.7m274 25c-1.3 1.6-1.2 1.7.4.4.9-.7 1.7-1.5 1.7-1.7 0-.8-.8-.3-2.1 1.3m-211 38-2.4 2.8 2.8-2.4c2.5-2.3 3.2-3.1 2.4-3.1-.2 0-1.4 1.2-2.8 2.7m-138.9.7c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3m28 4c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3m-22 1c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3m139.9 3.3-3.4 3.8 3.8-3.4c2-1.9 3.7-3.6 3.7-3.8 0-.8-.8 0-4.1 3.4m-111.9.7c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3m-20 3c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3m27 3c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3m-17.5 5.6c1 1.1 2 2 2.3 2s-.3-.9-1.3-2-2-2-2.3-2 .3.9 1.3 2m24.5.4c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3m-16.5 6.6c1 1.1 2 2 2.3 2s-.3-.9-1.3-2-2-2-2.3-2 .3.9 1.3 2m26 2c1 1.1 2 2 2.3 2s-.3-.9-1.3-2-2-2-2.3-2 .3.9 1.3 2m-18.5 4.4c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3m27 2.9c0 .2 1.5 1.6 3.3 3.3l3.2 2.9-2.9-3.3c-2.8-3-3.6-3.7-3.6-2.9m-19 4.1c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3m6 5c0 .2.8 1 1.8 1.7 1.5 1.3 1.6 1.2.3-.4s-2.1-2.1-2.1-1.3"
        fill-opacity=".9"
      ></path>
      <g stroke-width="0">
        <path
          d="M327.5 118.6c-28.6 4-58.6 11.8-60.6 15.7-3.6 6.6-6.3 70.5-4 93.2 2.7 26.3 7.4 47.4 11.7 52 2.6 2.8 6.5 3.3 8.5.9 1.1-1.3.8-4.9-1.4-21.2-1.5-10.8-2.7-21.2-2.7-23v-3.3l2.9 1.6c4.7 2.4 21.2 15.8 43.7 35.7 38.9 34.2 46 39.5 51.3 38.3 1.5-.3 3.9-1.7 5.2-3.1l2.3-2.4-9-8.7c-18-17.5-55.6-49.3-70.6-60-4.3-3-7.8-5.8-7.8-6.3 0-.4 4.4-2.3 9.8-4.1 5.3-1.8 16.5-6.7 24.7-10.9 40.6-20.4 69.9-47.3 69.9-63.9-.1-11.3-11.9-22.1-30.9-28.1-5.9-1.9-9.6-2.3-23.5-2.5-9.1-.2-17.8-.1-19.5.1m44.1 15.8c7.3 2.3 11.8 5.6 12.2 8.9 1.3 10.9-35.5 41.8-74.3 62.3-11.7 6.2-25.2 11.4-29.5 11.4h-3v-19.8c0-19.6 1-35.7 3.1-48.4l1.1-6.7 10.6-2.5c10-2.4 30.4-6 39.7-6.9 9.3-1 35 .1 40.1 1.7m51.2-14.7-4.6.4-.7 11.2c-.4 6.2-.5 34.8-.2 63.7.4 44.9.7 53.6 2.2 60 3.2 14.2 5.2 15.4 15.6 9.8 7.1-3.7 17.1-13.9 24.1-24.7 11-16.7 23.5-45.9 31.4-73.6 4.7-16.2 5.3-22.8 2.5-28.3-3.7-7.3-14-13.7-27.1-16.7-7.4-1.7-32.7-2.8-43.2-1.8m45.2 11.8c11.4 1.9 14.5 3.8 14.4 8.6 0 4.1-11.5 42.8-18 60.6-9 25.1-20.2 44.5-29.2 50.7-2.3 1.6-4.5 2.7-4.8 2.4-1.1-1.1-2.6-66.8-2.1-93.6.3-21.7.8-28.6 1.8-29.8 1.2-1.5 3.1-1.6 14.9-1.1 7.4.3 17.8 1.3 23 2.2m148-7.8c-10.4 1.2-29.1 4.6-38.9 6.9l-11.1 2.6-.9 3.6c-2.2 8.3-3.5 23.8-3.5 43.2-.1 21.4 1 30.2 5.6 47.3 3 11.2 7.9 16.4 12.6 13.1 1.9-1.3 1.9-1.5-.4-14.6-2.3-12.9-3-19.8-1.9-19.8 1.4 0 15.9 7.9 25.4 13.8 5.8 3.6 13.9 8.1 17.9 10 6.8 3.2 7.6 3.4 11.2 2.3 2.2-.6 4.2-1.7 4.6-2.3 1.5-2.4-14.4-13-33.1-21.9-9.6-4.6-12.6-6.9-9.1-6.9 5.7 0 31.6-9.5 48-17.7 32.3-15.9 49-31.2 45.4-41.4-2.1-6-12.5-12.8-25.3-16.4-4.5-1.3-10.7-1.8-24.5-2-10.2-.2-20.1-.1-22 .2m35.5 9.3c11.1 1.1 15.7 2.4 19.1 5.4 3.4 2.9 2.8 4.8-3.4 11-13.1 13.3-55.2 36-79.8 43.1-14 4-12.7 5.8-12.1-17.8.6-22.1 2.1-33.3 4.6-34.6 2.1-1.2 22.9-4.7 35.6-6 8.9-1 12.9-1.3 24-1.9 1.7-.1 7.1.3 12 .8M533 151.5c-4.1.8-10.2 2.3-13.4 3.5-3.3 1.1-7.6 2-9.7 2-4.4 0-5.4 1.1-5.5 6.5-.1 2.2-2.9 11.9-6.3 21.5-8.1 22.7-12.9 39.3-14.6 50.6-2.7 18 3.1 33.4 12.6 33.4 5.5 0 26.3-8.4 25.6-10.3-.5-1.6-6.3-3.6-10.4-3.6-1.8-.1-5.6.8-8.5 1.9-3 1.1-5.6 1.6-6.1 1.1s-1.1-3.5-1.4-6.7c-.4-4.8.2-8.8 3.6-21.9 2.3-8.7 4.4-16.1 4.6-16.3 1.1-1.1 17.8-5.3 24.3-6.1 5.3-.7 8.1-1.5 9.5-3l2.1-2-4.5-2c-5.7-2.6-11.3-2.6-21 .1-4.4 1.1-8.2 1.9-8.4 1.6-.3-.3 1.2-6.1 3.5-12.9 2.2-6.8 4.6-14.8 5.2-17.7 1.4-6-.2-5.2 20.8-9.7 11.9-2.6 19-4.8 19-5.9 0-.9-7.3-4.3-10.5-4.9-1.6-.3-6.4.1-10.5.8"
        ></path>
        <path
          d="M705.2 171.1c-15 4-41.6 16.2-57 26.2-6.1 4-7.2 5.1-8.2 8.7-2.8 10.5 2.4 14.6 30 23.9 6.9 2.3 13.1 4.5 13.9 5 4.2 2.7-4.3 7.3-42.9 23-25.4 10.3-25.5 10.4-24.5 12.1s8.5 5 11.3 5c1.3 0 6.9-1.9 12.5-4.1 15.9-6.5 56.6-26.6 57.3-28.3.7-1.8-2.9-9.6-5.5-12-1-.9-10.3-4.8-20.7-8.7-21.6-8.1-22.4-8.5-22.4-10.5 0-3.3 25.9-17.6 46.9-25.9 5.2-2 13.5-4.6 18.4-5.7 7.7-1.8 9.5-1.9 13.5-.9 6.9 1.8 9.3 1.8 10.5-.1 1.4-2.2-1-5-6.7-7.8-5.5-2.6-16.5-2.6-26.4.1m-314.8 26.6c-1.5 1.5-1.6 3.4-1 17.3 1.3 28.9 3 40.5 6.8 46.7 2.7 4.6 5.5 4.3 6.5-.5 1-4.9 1-50.3 0-56.5-.9-5-2.7-6.9-7.9-8.1-1.8-.4-3.2-.1-4.4 1.1"
        ></path>
      </g>
    </svg>
  </span>
  <span class="BG"></span>
</button>
کد CSS
.Btn {
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  position: relative;
  border-radius: 7px;
  cursor: pointer;
  transition: all 0.3s;
}

.svgContainer {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  backdrop-filter: blur(0px);
  letter-spacing: 0.8px;
  border-radius: 10px;
  transition: all 0.3s;
  border: 1px solid rgba(156, 156, 156, 0.466);
}

.BG {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #f9d438;
  z-index: -1;
  border-radius: 10px;
  pointer-events: none;
  transition: all 0.3s;
}

.Btn:hover .BG {
  transform: rotate(35deg);
  transform-origin: bottom;
}

.Btn:hover .svgContainer {
  background-color: rgba(156, 156, 156, 0.466);
  backdrop-filter: blur(4px);
}
نوع: button
تاریخ ایجاد: 2026/06/05
آخرین بروزرسانی: 2026/06/05