.wa-btn-wrap{position:fixed;z-index:999;bottom:var(--wa-bottom, 24px);transition:transform .3s ease}.wa-btn-wrap--left{left:var(--wa-side, 24px);right:auto}.wa-btn-wrap--right{right:var(--wa-side, 24px);left:auto}.wa-btn-wrap--center{left:50%;transform:translate(-50%)}.wa-btn{display:flex;align-items:center;gap:10px;padding:0 20px 0 6px;height:var(--wa-size, 56px);background:var(--wa-bg, #25D366);color:var(--wa-color, #fff);border-radius:50px;text-decoration:none;box-shadow:0 4px 20px #0003;transition:transform .3s ease,box-shadow .3s ease,padding .3s ease;overflow:hidden;max-width:var(--wa-size, 56px);white-space:nowrap}.wa-btn:hover{transform:scale(1.05);box-shadow:0 8px 32px #00000047;max-width:280px;padding:0 20px 0 6px}.wa-icon{width:calc(var(--wa-size, 56px) - 12px);height:calc(var(--wa-size, 56px) - 12px);border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wa-icon svg{width:calc(var(--wa-size, 56px) * .46);height:calc(var(--wa-size, 56px) * .46);fill:currentColor}.wa-label{font-size:14px;font-weight:600;letter-spacing:.02em;opacity:0;transform:translate(-8px);transition:opacity .25s ease .05s,transform .25s ease .05s;pointer-events:none}.wa-btn:hover .wa-label{opacity:1;transform:translate(0)}@keyframes wa-pulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.5);opacity:0}to{transform:scale(1.5);opacity:0}}.wa-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;background:var(--wa-bg, #25D366);animation:wa-pulse 2.2s ease-out infinite;pointer-events:none;z-index:-1}.wa-btn--icon-only{max-width:var(--wa-size, 56px)!important;padding:0!important;border-radius:50%!important;justify-content:center}.wa-btn--icon-only:hover{max-width:var(--wa-size, 56px)!important;padding:0!important}.wa-btn--icon-only .wa-label{display:none}.wa-btn--icon-only:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#000000bf;color:#fff;font-size:12px;font-weight:500;padding:5px 12px;border-radius:20px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.wa-btn--icon-only:hover:after{opacity:1}@media screen and (max-width:749px){.wa-btn-wrap{bottom:var(--wa-bottom-mobile, 20px)}.wa-btn-wrap--left{left:var(--wa-side-mobile, 20px)}.wa-btn-wrap--right{right:var(--wa-side-mobile, 20px)}.wa-btn{height:var(--wa-size-mobile, 48px)}.wa-icon{width:calc(var(--wa-size-mobile, 48px) - 10px);height:calc(var(--wa-size-mobile, 48px) - 10px)}.wa-icon svg{width:calc(var(--wa-size-mobile, 48px) * .46);height:calc(var(--wa-size-mobile, 48px) * .46)}.wa-btn--mobile-icon-only{max-width:var(--wa-size-mobile, 48px)!important;padding:0!important;border-radius:50%!important;justify-content:center}.wa-btn--mobile-icon-only:hover{max-width:var(--wa-size-mobile, 48px)!important;padding:0!important}.wa-btn--mobile-icon-only .wa-label{display:none}.wa-btn--mobile-with-label{max-width:var(--wa-size-mobile, 48px);padding:0 6px 0 4px;border-radius:50px}.wa-btn--mobile-with-label:hover{max-width:240px;padding:0 16px 0 4px}.wa-btn--mobile-with-label .wa-label{display:block;font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/whatsapp-button.css.map */