.wishlist_button{
              background: none;
              border: none;
              display: flex;
              align-items: center;
            }

            .wishlist_button svg{
              border-radius: 50%;
              margin: 10px 0;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
              border: 1px solid #000;
              padding: 5px;
            }

            .heart-filled path{
              fill: red;
            }


                              .button-floating{
                                position: fixed;
                                transform: translateY(-50%);
                                z-index: 1;
                                padding: 8px;
                                display: inline-flex;
                                align-items: center;
                                text-decoration: none;
                                color: #000;
                                background-color: #efefef;
                                border-radius: 6px 0 0 6px;
                                transition: all .5s ease;
                              }

                        .button-floating:hover{
                          background-color: #000;
                        }

                  .button-floating:hover svg, .button-floating:hover .wishlist_text{
                    fill: #fff;
                    color: #fff;
                  }

                        .wishlist_text{
                          margin-left: 7px !important;;
                          margin: 0px;
                          text-decoration: none;
                        }

      {% assign button_position = settings.floating_button-position | default: "middle-right" %}


      {% if button_position == "middle-left" %}
       .button-floating{
         top: 50%;
         transform: translateY(-50%);
         left: 0px;
         width: fit-content;
         border-radius: 0 6px 6px 0;
         z-index: 11;
       }
      {% elsif button_position == "middle-right" %}
       .button-floating{
        top: 50%;
         transform: translateY(-50%);
         right: 0px;
         width: fit-content;
         border-radius: 6px 0 0 6px;
        z-index: 11;
       }
      {% elsif button_position == "bottom-left" %}
        .button-floating{
          bottom: 30px;
         left: 0px;
         width: fit-content;
         border-radius: 0 6px 6px 0;
          z-index: 11;
       }
      {% elsif button_position == "bottom-center" %}
        .button-floating{
          bottom: 30px;
         left: 50%;
          transform: translateX(-50%);
         width: fit-content;
         border-radius: 6px 6px 6px 6px;
        z-index: 11;
       }
      {% elsif button_position == "bottom-right" %}
        .button-floating{
          bottom: 30px;
         right: 0px;
         width: fit-content;
         border-radius: 6px 0 0 6px;
          z-index: 11;
       }
      {% endif %}