@charset "UTF-8";
@charset "UTF-8";

   body.iframe-hover .wpcc-cursor {
display: none;
} .no-transition .cursor-el1, .no-transition .cursor-el2 {
transition: none !important;
}
.no-cursor {
cursor: none;
}
.no-cursor a {
cursor: none;
}
.default-cursor {
cursor: default;
}
.wpcc-cursor {
--top: 0;
--left: 0;
--img-width: 30px;
--default-cursor-normal: "initial";
--default-cursor-link: "pointer";
--fe-width: 30px;
--fe-height: 30px;
--fe-color: #000000;
--fe-border-radius: 100px;
--fe-border-width: 0px;
--fe-border-color: #252525;
--fe-transition-duration: 100ms;
--fe-transition-timing: "ease-out";
--fe-blending-mode: normal;
--fe-zindex: 100;
--fe-backdrop: "none";
--se-width: 30px;
--se-height: 30px;
--se-color: #000000;
--se-border-radius: 100px;
--se-border-width: 0px;
--se-border-color: #252525;
--se-transition-duration: 100ms;
--se-transition-timing: "ease-out";
--se-blending-mode: normal;
--se-zindex: 99;
--se-backdrop: "none";
}
.wpcc-cursor:not(.active) {
display: none;
}
.wpcc-cursor div {
position: fixed !important;
pointer-events: none;
z-index: 99999999999;
box-sizing: border-box;
mix-blend-mode: var(--fe-blending-mode);
}  .cursor-image {
--width:100px;
--color: transparent;
--radius: 0;
--padding: 0;
--blending: "normal";
}
.cursor-image .cursor-el1 {
width: auto;
height: auto;
top: 0;
left: 0;
background-color: var(--color);
border-radius: var(--radius);
padding: var(--padding);
mix-blend-mode: var(--blending);
}
.cursor-image .cursor-el1 img {
display: block;
width: var(--width);
top: 0;
left: 0;
height: auto !important;
object-fit: contain !important;
}
.cursor-image .cursor-el2 {
display: none;
} .cursor-text {
--duration: 0;
--timing: ease-out;
}
.cursor-text .cursor-el1 {
transition-property: all;
transition-duration: var(--duration);
transition-timing-function: var(--timing);
width: auto;
height: auto;
top: 0;
left: 0;
--animation-duration: 10s;
--animation-name: spinright;
--text-width: 150px;
--text-transform: uppercase;
--font-size: 55px;
--font-weight: bold;
--word-spacing: 30px;
--text-color: #252525;
--dot-fill: #252500;
--dot-display: block;
--dot-width: 10px;
}
.cursor-text .cursor-el1 svg {
margin-top: -50%;
margin-left: -50%;
}
.cursor-text .cursor-el2 {
display: none;
}
.cursor-text svg {
width: var(--text-width);
animation-name: var(--animation-name);
animation-duration: var(--animation-duration);
animation-iteration-count: infinite;
animation-fill-mode: backwards;
animation-timing-function: linear;
}
.cursor-text text {
text-transform: var(--text-transform);
font-size: var(--font-size);
word-spacing: var(--word-spacing);
font-weight: var(--font-weight);
fill: var(--text-color);
}
.cursor-text circle {
fill: var(--dot-fill);
display: var(--dot-display);
r: var(--dot-width);
}
.cursor-horizontal {
--hr-width: 150px;
--hr-transform: capitalize;
--hr-size: 35px;
--hr-weight: bold;
--hr-spacing: 5px;
--hr-color: #252525;
--bg-color: #f3f6f4;
--hr-radius: 0;
--hr-padding: 0;
--hr-backdrop: none;
--duration: 0;
--timing: none;
}
.cursor-horizontal .cursor-el1 {
transition-property: all;
transition-duration: var(--duration);
transition-timing-function: var(--timing);
top: 0;
left: 0;
}
.cursor-horizontal .cursor-el1 > div {
width: var(--hr-width);
height: var(--hr-width);
background-color: var(--bg-color);
color: var(--hr-color);
font-size: var(--hr-size);
font-weight: var(--hr-weight);
word-spacing: var(--hr-spacing);
border-radius: var(--hr-radius);
text-transform: var(--hr-transform);
padding: var(--hr-padding);
backdrop-filter: var(--hr-backdrop);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
transform: translate(-50%, -50%);
} .cursor-snap {
--blending: normal;
--bgcolor: transparent;
--border-color: #252525;
--border-width: 1px;
--radius: 0;
--width: auto;
--height: auto;
}
.cursor-snap .cursor-el1 {
border: var(--border-width) solid var(--border-color);
border-radius: var(--radius);
background-color: var(--bgcolor);
mix-blend-mode: var(--blending);
width: var(--width);
height: var(--height);
}
.cursor-snap .cursor-el2 {
display: none;
}
[class*=cursor-created]:not(.cursor-image):not(.cursor-text):not(.cursor-horizontal):not(.cursor-snap) .cursor-el1 {
width: var(--fe-width);
height: var(--fe-height);
background-color: var(--fe-color);
border-width: var(--fe-border-width);
border-radius: var(--fe-border-radius);
border-color: var(--fe-border-color);
transition-duration: var(--fe-transition-duration);
transition-timing-function: var(--fe-transition-timing);
mix-blend-mode: var(--fe-blending-mode);
z-index: var(--fe-zindex);
border-style: solid;
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
backdrop-filter: var(--fe-backdrop);
}
[class*=cursor-created]:not(.cursor-image):not(.cursor-text):not(.cursor-horizontal):not(.cursor-snap) .cursor-el2 {
width: var(--se-width);
height: var(--se-height);
background-color: var(--se-color);
border-width: var(--se-border-width);
border-radius: var(--se-border-radius);
border-color: var(--se-border-color);
transition-duration: var(--se-transition-duration);
transition-timing-function: var(--se-transition-timing);
mix-blend-mode: var(--se-blending-mode);
z-index: var(--se-zindex);
border-style: solid;
top: calc(var(--se-height) / -2);
left: calc(var(--se-width) / -2);
backdrop-filter: var(--se-backdrop);
} .cursor-1 .cursor-el1 {
width: var(--fe-width);
height: var(--fe-height);
border: calc(var(--fe-width) / 25) solid var(--fe-color);
border-radius: var(--fe-border-radius);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
mix-blend-mode: var(--fe-blending);
transition: all 200ms ease-out;
}
.cursor-1 .cursor-el2 {
width: calc(var(--se-width) / 5);
height: calc(var(--se-height) / 5);
border-radius: 50%;
background-color: var(--se-color);
top: calc(var(--se-height) / -10);
left: calc(var(--se-width) / -10);
mix-blend-mode: var(--se-blending);
animation: c1-anim-reverse 200ms ease-out;
}
.cursor-1.link-hover .cursor-el1 {
width: calc(var(--fe-width) / 1.5);
height: calc(var(--fe-height) / 1.5);
top: calc(var(--fe-height) / -3);
left: calc(var(--fe-width) / -3);
opacity: 0;
}
.cursor-1.link-hover .cursor-el2 {
animation: c1-anim 200ms ease-out;
animation-fill-mode: forwards;
}
.cursor-1.input-hover {
display: none;
} .cursor-2 .cursor-el1 {
width: calc(var(--fe-width));
height: calc(var(--fe-height));
border-radius: var(--fe-border-radius);
background-color: var(--fe-color);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
mix-blend-mode: var(--fe-blending);
animation: c2-anim-reverse 200ms ease-out;
}
.cursor-2.link-hover .cursor-el1 {
animation: c2-anim 200ms ease-out;
animation-fill-mode: forwards;
}
.cursor-2.input-hover {
display: none;
} .cursor-3 .cursor-el1 {
width: var(--fe-width);
height: var(--fe-height);
background-color: var(--fe-color);
opacity: 0.5;
border-radius: var(--fe-border-radius);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
mix-blend-mode: var(--fe-blending);
transition: all 200ms ease-out;
}
.cursor-3 .cursor-el2 {
width: calc(var(--se-width) / 5);
height: calc(var(--se-height) / 5);
border-radius: 50%;
background-color: var(--se-color);
top: calc(var(--se-height) / -10);
left: calc(var(--se-width) / -10);
mix-blend-mode: var(--se-blending);
animation: c1-anim-reverse 200ms ease-out;
}
.cursor-3.link-hover .cursor-el1 {
width: calc(var(--fe-width) / 1.5);
height: calc(var(--fe-height) / 1.5);
top: calc(var(--fe-height) / -3);
left: calc(var(--fe-width) / -3);
opacity: 0;
}
.cursor-3.link-hover .cursor-el2 {
animation: c1-anim 200ms ease-out;
animation-fill-mode: forwards;
}
.cursor-3.input-hover {
display: none;
} .cursor-4 .cursor-el1 {
width: var(--fe-width);
height: var(--fe-height);
border-radius: var(--fe-border-radius);
opacity: 0.7;
background-color: var(--fe-color);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
mix-blend-mode: var(--fe-blending);
transition: all 200ms ease-out;
}
.cursor-4 .cursor-el2 {
width: var(--se-width);
height: var(--se-height);
border-radius: 50%;
background-color: var(--se-color);
top: calc(var(--se-height) / -2);
left: calc(var(--se-width) / -2);
mix-blend-mode: var(--se-blending);
animation: c2-anim-reverse 200ms ease-out;
}
.cursor-4.link-hover .cursor-el2 {
animation: c2-anim 200ms ease-out;
animation-fill-mode: forwards;
}
.cursor-4.input-hover {
display: none;
} .cursor-5 .cursor-el1 {
width: var(--fe-width);
height: var(--fe-height);
border: calc(var(--fe-width) / 15) solid var(--fe-color);
border-radius: var(--fe-border-radius);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
mix-blend-mode: var(--fe-blending);
animation: c5-anim-reverse 200ms ease-out;
}
.cursor-5.link-hover .cursor-el1 {
animation: c5-anim 200ms ease-out;
animation-fill-mode: forwards;
}
.cursor-5.input-hover {
display: none;
} .cursor-6 .cursor-el1 {
width: var(--fe-width);
height: var(--fe-height);
border: calc(var(--fe-width) / 10) solid var(--fe-color);
border-radius: var(--fe-border-radius);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
mix-blend-mode: var(--fe-blending);
transition: all 100ms ease-out;
animation: c6-anim-reverse 200ms ease-out;
}
.cursor-6 .cursor-el2 {
width: calc(var(--se-width) / 2);
height: calc(var(--se-height) / 2);
border-radius: 50%;
background-color: var(--se-color);
top: calc(var(--se-height) / -4);
left: calc(var(--se-width) / -4);
mix-blend-mode: var(--se-blending);
}
.cursor-6.link-hover .cursor-el1 {
animation: c6-anim 200ms ease-out;
animation-fill-mode: forwards;
}
.cursor-6.input-hover {
display: none;
} .cursor-7 .cursor-el1 {
width: var(--fe-width);
height: var(--fe-height);
border: calc(var(--fe-width) / 15) solid var(--fe-color);
border-radius: var(--fe-border-radius);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
mix-blend-mode: var(--fe-blending);
opacity: 0.5;
transition: all 200ms ease-out;
}
.cursor-7 .cursor-el2 {
width: var(--se-width);
height: var(--se-height);
border: calc(var(--se-width) / 15) solid var(--se-color);
border-radius: 50%;
top: calc(var(--se-height) / -2);
left: calc(var(--se-width) / -2);
mix-blend-mode: var(--se-blending);
animation: c5-anim-reverse 200ms ease-out;
}
.cursor-7.link-hover .cursor-el2 {
animation: c5-anim 200ms ease-out;
animation-fill-mode: forwards;
}
.cursor-7.link-hover .cursor-el1 {
opacity: 0;
}
.cursor-7.input-hover {
display: none;
} .cursor-8 .cursor-el1 {
width: var(--fe-width);
height: var(--fe-height);
background-color: var(--fe-color);
border-radius: var(--fe-border-radius);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
mix-blend-mode: var(--fe-blending);
opacity: 0.5;
transition: all 200ms ease-out;
}
.cursor-8 .cursor-el2 {
width: var(--se-width);
height: var(--se-height);
border: calc(var(--se-width) / 15) solid var(--se-color);
border-radius: 50%;
top: calc(var(--se-height) / -2);
left: calc(var(--se-width) / -2);
mix-blend-mode: var(--se-blending);
animation: c5-anim-reverse 200ms ease-out;
}
.cursor-8.link-hover .cursor-el2 {
animation: c5-anim 200ms ease-out;
animation-fill-mode: forwards;
}
.cursor-8.link-hover .cursor-el1 {
opacity: 0;
}
.cursor-8.input-hover {
display: none;
} @keyframes c1-anim {
to {
width: var(--fe-width);
height: var(--fe-height);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
opacity: 0.3;
}
}
@keyframes c1-anim-reverse {
from {
width: var(--fe-width);
height: var(--fe-height);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
opacity: 0.3;
}
to {
width: calc(var(--fe-width) / 5);
height: calc(var(--fe-height) / 5);
top: calc(var(--fe-height) / -10);
left: calc(var(--fe-width) / -10);
}
}
@keyframes c2-anim {
to {
width: calc(var(--fe-width) / 0.5);
height: calc(var(--fe-height) / 0.5);
top: calc(var(--fe-height) / -1);
left: calc(var(--fe-width) / -1);
border-width: calc(var(--fe-width) / 15);
opacity: 0.3;
}
}
@keyframes c2-anim-reverse {
from {
width: calc(var(--fe-width) / 5);
height: calc(var(--fe-height) / 5);
top: calc(var(--fe-height) / -10);
left: calc(var(--fe-width) / -10);
border-width: calc(var(--fe-width) / 15);
opacity: 0.3;
}
to {
width: var(--fe-width);
height: var(--fe-height);
border: calc(var(--fe-width) / 25) solid var(--fe-color);
border-radius: 50%;
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
}
}
@keyframes c4-anim {
to {
width: calc(var(--fe-width) / 1.5);
height: calc(var(--fe-height) / 1.5);
top: calc(var(--fe-height) / -3);
left: calc(var(--fe-width) / -3);
background-color: var(--fe-color);
opacity: 0.3;
}
}
@keyframes c4-anim-reverse {
from {
width: calc(var(--fe-width) / 1.5);
height: calc(var(--fe-height) / 1.5);
top: calc(var(--fe-height) / -3);
left: calc(var(--fe-width) / -3);
background-color: var(--fe-color);
opacity: 0.3;
}
to {
width: var(--fe-width);
height: var(--fe-height);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
background-color: transparent;
opacity: 1;
}
}
@keyframes c5-anim {
50% {
width: calc(var(--fe-width) / 2.5);
height: calc(var(--fe-height) / 2.5);
top: calc(var(--fe-height) / -5);
left: calc(var(--fe-width) / -5);
background-color: var(--fe-color);
opacity: 0.3;
}
100% {
width: calc(var(--fe-width) / 0.5);
height: calc(var(--fe-height) / 0.5);
top: calc(var(--fe-height) / -1);
left: calc(var(--fe-width) / -1);
background-color: var(--fe-color);
opacity: 0.3;
}
}
@keyframes c5-anim-reverse {
from {
width: calc(var(--fe-width) / 0.5);
height: calc(var(--fe-height) / 0.5);
top: calc(var(--fe-height) / -1);
left: calc(var(--fe-width) / -1);
background-color: var(--fe-color);
opacity: 0.3;
}
to {
width: var(--fe-width);
height: var(--fe-height);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
}
}
@keyframes c6-anim {
to {
width: calc(var(--fe-width) / 0.5);
height: calc(var(--fe-height) / 0.5);
top: calc(var(--fe-height) / -1);
left: calc(var(--fe-width) / -1);
background-color: var(--fe-color);
opacity: 0.3;
}
}
@keyframes c6-anim-reverse {
from {
width: calc(var(--fe-width) / 0.5);
height: calc(var(--fe-height) / 0.5);
top: calc(var(--fe-height) / -1);
left: calc(var(--fe-width) / -1);
background-color: var(--fe-color);
opacity: 0.3;
}
to {
width: var(--fe-width);
height: var(--fe-height);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
}
}
@keyframes c-scale {
to {
width: calc(var(--fe-width) * 3);
height: calc(var(--fe-width) * 3);
top: calc(var(--fe-width) * -1.5);
left: calc(var(--fe-width) * -1.5);
opacity: 1;
}
}
@keyframes c-scale-reverse {
from {
width: calc(var(--fe-width) * 3);
height: calc(var(--fe-width) * 3);
top: calc(var(--fe-width) * -1.5);
left: calc(var(--fe-width) * -1.5);
opacity: 1;
}
to {
width: calc(var(--fe-width) / 5);
height: calc(var(--fe-width) / 5);
top: calc(var(--fe-width) / -10);
left: calc(var(--fe-width) / -10);
}
}
@keyframes spin {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0);
}
}
@keyframes spinleft {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0);
}
}
@keyframes spinright {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}  @media only screen and (min-width: 320px) and (max-width: 767px) {
.wpcc-cursor.hide-mobile {
display: none;
opacity: 0;
visibility: hidden;
}
} @media only screen and (min-width: 768px) and (max-width: 1024px) {
.wpcc-cursor.hide-tablet {
display: none;
opacity: 0;
visibility: hidden;
}
}
 .wa-order-gdprchk label {
font-size: inherit;
display: inline-block;
position: relative;
vertical-align: middle;
margin-left: 8px;
}
.wa-order-gdprchk input[type=checkbox] {
position: relative;
bottom: 0;
border: 1px solid #b4b9be;
background: #fff;
color: #555;
clear: none;
cursor: pointer;
display: inline-block;
line-height: 0;
width: 16px !important;
min-width: 16px !important;
height: 16px !important;
margin: 0 8px 0 0;
outline: 0;
padding: 0 !important;
vertical-align: middle;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
transition: 0.05s border-color ease-in-out;
border-radius: 3px;
}
.wa-order-gdprchk input[type=checkbox]:checked {
background-color: #25d366;
border-color: #25d366;
}
.wa-order-gdprchk input[type=checkbox] + label {
opacity: 0.5 !important;
transition: opacity 0.3s ease;
}
.wa-order-gdprchk input[type=checkbox]:checked + label {
opacity: 1 !important;
}
.wa-order-gdprchk {
margin-top: 20px;
margin-bottom: 10px;
padding: 15px;
background-color: #f9f9f9;
border: 1px solid #e1e1e1;
border-radius: 4px;
}   .wa-order-button,
.gdpr_wa_button_input {
background: #25d366 !important;
color: #ffffff !important;
border: none !important;
text-decoration: none !important;
cursor: pointer !important;
}    .single-product .cart .wa-order-button.single_add_to_cart_button,
.single-product form.cart .wa-order-button.single_add_to_cart_button {
margin-left: 0.1em;
} .single-product .cart .wa-order-button:not(.single_add_to_cart_button),
.single-product form.cart .wa-order-button:not(.single_add_to_cart_button) {
margin-left: 0;
} a.wa-order-checkout,
a.wa-order-thankyou {
background: #25d366 !important;
color: #ffffff !important;
border: none !important;
border-radius: 4px !important;
padding: 15px 30px !important;
font-size: 18px !important;
font-weight: 600 !important;
text-decoration: none !important;
outline: 0 !important;
cursor: pointer !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 50px !important;
box-sizing: border-box !important;
transform: translateY(0);
transition: all 0.3s ease !important;
box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3) !important;
text-transform: none !important;
letter-spacing: 0.5px !important;
line-height: 1.4 !important; text-align: center !important;
} .shortcode_wa_button,
.shortcode_wa_button_nt {
background: #25d366 !important;
color: #ffffff !important;
border: none !important;
border-radius: 4px !important;
padding: 12px 24px !important;
font-size: 16px !important;
font-weight: 600 !important;
text-decoration: none !important;
outline: 0 !important;
cursor: pointer !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 44px !important;
box-sizing: border-box !important;
width: auto !important;
margin: 10px 0 !important;
transform: translateY(0);
transition: all 0.3s ease !important;
box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3) !important;
text-transform: none !important;
letter-spacing: 0.5px !important;
line-height: 1.4 !important;
}
label.wa-button-gdpr2 {
display: inline-block;
}
.wa-order-gdprchk {
margin-top: 30px;
}
.wa-order-thankyou:before,
a.wa-order-checkout:before,
.gdpr_wa_button_input:before,
.wa-order-button:before,
a.wa-shop-button:before {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0 4.686 4.686 4.686 12.283 0 16.97a12.004 12.004 0 01-13.754 2.299l-5.814.735a.392.392 0 01-.438-.44l.748-5.788A12.002 12.002 0 013.517 3.517zm3.61 17.043l.3.158a9.846 9.846 0 0011.534-1.758c3.843-3.843 3.843-10.074 0-13.918-3.843-3.843-10.075-3.843-13.918 0a9.846 9.846 0 00-1.747 11.554l.16.303-.51 3.942a.196.196 0 00.219.22l3.961-.501zm6.534-7.003l-.933 1.164a9.843 9.843 0 01-3.497-3.495l1.166-.933a.792.792 0 00.23-.94L9.561 6.96a.793.793 0 00-.924-.445 1291.6 1291.6 0 00-2.023.524.797.797 0 00-.588.88 11.754 11.754 0 0010.005 10.005.797.797 0 00.88-.587l.525-2.023a.793.793 0 00-.445-.923L14.6 13.327a.792.792 0 00-.94.23z"/></svg>')!important;
color: #ffffff;
font-size: inherit;
font-weight: inherit!important;
display: inline-block;
vertical-align: middle;
align-items: center;
margin-bottom: -5px;
margin-top: -5px;
width: 0.875em;
height: auto;
}
.gdpr_wa_button_input:before {
margin-right: 3.5px;
}
a.wa-shop-button:before,
.wa-order-button:before,
a.wa-order-thankyou:before,
a.wa-order-checkout:before {
margin-right: 7px;
}
a.wa-order-thankyou {
display: inline-block;
text-align: center;
box-sizing: border-box;
word-break: break-word;
padding: 10px 15px;
margin: 20px auto 20px;
font-size: 18px;
font-weight: 600;
border-radius: 4px;
text-rendering: optimizeLegibility;
letter-spacing: 0px;
}
.thankyoutitle {
margin-top: 20px;
font-size: 1.875em;
font-size: 30px;
font-weight: 600;
}
.thankyoucustom_wrapper {
background: #f9f9f9;
width: 100%;
padding: 20px;
margin: auto;
text-align: center;
}
.subtitle {
font-size: 20px;
margin: auto;
letter-spacing: 1px;
margin-top: 20px;
font-weight: normal;
}
a.wa-shop-button {
background-color: #25D366 !important;
color: #fff!important;
border: none!important;
}
a.shortcode_wa_button:before, a.shortcode_wa_button_nt:before {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0 4.686 4.686 4.686 12.283 0 16.97a12.004 12.004 0 01-13.754 2.299l-5.814.735a.392.392 0 01-.438-.44l.748-5.788A12.002 12.002 0 013.517 3.517zm3.61 17.043l.3.158a9.846 9.846 0 0011.534-1.758c3.843-3.843 3.843-10.074 0-13.918-3.843-3.843-10.075-3.843-13.918 0a9.846 9.846 0 00-1.747 11.554l.16.303-.51 3.942a.196.196 0 00.219.22l3.961-.501zm6.534-7.003l-.933 1.164a9.843 9.843 0 01-3.497-3.495l1.166-.933a.792.792 0 00.23-.94L9.561 6.96a.793.793 0 00-.924-.445 1291.6 1291.6 0 00-2.023.524.797.797 0 00-.588.88 11.754 11.754 0 0010.005 10.005.797.797 0 00.88-.587l.525-2.023a.793.793 0 00-.445-.923L14.6 13.327a.792.792 0 00-.94.23z"/></svg>')!important;
font-size: 20px;
font-weight: 500;
vertical-align: top;
text-decoration: none!important;
outline: 0!important;
width: 0.875em;
height: auto;
margin-right: 7px;
}
a.shortcode_wa_button:before {
margin-right: 8px;
}
.wa-order-button, .gdpr_wa_button_input {
padding-left: 25px!important;
padding-right: 25px!important;
} .shortcode_wa_button, .shortcode_wa_button_nt {
padding: 7px 25px!important;
opacity: 1;
text-decoration: none!important;
outline: 0!important;
} .wa-order-button:hover,
.gdpr_wa_button_input:hover {
background: #21bd5b !important;
}
button.gdpr_wa_button_input:disabled:hover, button.gdpr_wa_button_input:disabled {
opacity: .5!important;
cursor: not-allowed;
}
button.gdpr_wa_button_input:disabled:hover,
button.gdpr_wa_button_input:disabled {
opacity: .5!important;
}
button.gdpr_wa_button_input:disabled {
cursor: not-allowed;
}
.floating_button {
position: fixed !important;
width: 60px !important;
height: 60px !important;
bottom: 20px !important;
background-color: #25D366 !important;
color: #ffffff !important;
border-radius: 50px !important;
text-align: center !important;
box-shadow: 0 8px 25px -5px rgba(45, 62, 79, .3) !important;
z-index: 9999999 !important;
text-decoration: none;
}
.label-container {
position: fixed !important;
bottom: 33px !important;
display: table !important;
visibility: hidden !important;
z-index: 9999999 !important;
}
.label-text {
color: #43474e!important;
background: #f5f7f9!important;
display: inline-block;
padding: 7px !important;
border-radius: 3px !important;
font-size: 14px;
bottom: 15px;
}
a.floating_button + div.label-container {
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.5s ease;
}
a.floating_button:hover div.label-container,
a.floating_button:hover div.label-text {
visibility: visible!important;
opacity: 1;
}
.floating_button:before {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="30px" height="30px"><path fill="%23fff" d="M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0 4.686 4.686 4.686 12.283 0 16.97a12.004 12.004 0 01-13.754 2.299l-5.814.735a.392.392 0 01-.438-.44l.748-5.788A12.002 12.002 0 013.517 3.517zm3.61 17.043l.3.158a9.846 9.846 0 0011.534-1.758c3.843-3.843 3.843-10.074 0-13.918-3.843-3.843-10.075-3.843-13.918 0a9.846 9.846 0 00-1.747 11.554l.16.303-.51 3.942a.196.196 0 00.219.22l3.961-.501zm6.534-7.003l-.933 1.164a9.843 9.843 0 01-3.497-3.495l1.166-.933a.792.792 0 00.23-.94L9.561 6.96a.793.793 0 00-.924-.445 1291.6 1291.6 0 00-2.023.524.797.797 0 00-.588.88 11.754 11.754 0 0010.005 10.005.797.797 0 00.88-.587l.525-2.023a.793.793 0 00-.445-.923L14.6 13.327a.792.792 0 00-.94.23z"/></svg>')!important;
position: relative !important;
color: #ffffff !important;
font-size: 30px !important;
display: block !important;
width: 60px;
top: 0px !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
line-height: 1 !important;
text-align: center !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
.floating_button a:before {
outline: 0!important;
text-decoration: none!important;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.floating_button {
bottom: 10px;
}
}
.wa-order-fullwidth {
width: 100%;
display: block;
}
.woocommerce-js .sold-individually .button.wa-order-button {
margin-left: inherit;
}
a.single_product_shortcode_fullwidth, a.single_product_shortcode_fullwidth button {
width: 100% !important;
display: block !important;
text-align: center !important;
text-decoration: none !important;
}
a.single_product_shortcode_fullwidth:before {
max-width: 15px!important;
display: inline-block!important;
}
@media (max-width: 921px) {
a.wa-shop-button {
margin-left: 0!important;
margin-right: 0!important;
text-align: center!important;
padding-left: 0!important;
padding-right: 0!important;
}
a.wa-shop-button:before {
margin-right: 3px!important;
}
}
.woocommerce-variation-add-to-cart > a.wa-order-class {
flex: unset !important;
}
.single-product a.wa-order-class {
flex: 0 0 auto!important;
}