/** Shopify CDN: Minification failed

Line 104:0 Unexpected "{"
Line 104:1 Expected identifier but found "%"
Line 106:0 Unexpected "{"
Line 106:1 Expected identifier but found "%"
Line 124:0 Unexpected "{"
Line 124:1 Expected identifier but found "%"
Line 142:0 Unexpected "{"
Line 142:1 Expected identifier but found "%"
Line 158:0 Unexpected "{"
Line 158:1 Expected identifier but found "%"
... and 4 more hidden warnings

**/
.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 %}