.floating-icon-wrapper{position:fixed;z-index:9999;pointer-events:none}.floating-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;box-shadow:0 10px 30px -5px #6366f14d;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;background:var(--floating-bg, #6366f1);color:var(--floating-text, #ffffff);border:none;position:relative;overflow:hidden}.floating-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--floating-bg, #6366f1),rgba(99,102,241,.8));border-radius:inherit;z-index:-1}.floating-icon:hover{transform:scale(1.1);box-shadow:0 15px 40px -5px #6366f166}.floating-icon:active{transform:scale(.95)}.floating-icon:focus-visible{outline:3px solid rgba(99,102,241,.3);outline-offset:3px}.floating-icon--bottom-right{bottom:24px;right:24px}.floating-icon--bottom-left{bottom:24px;left:24px}.floating-icon--bottom-center{bottom:24px;left:50%;transform:translate(-50%)}.floating-icon--bottom-center:hover{transform:translate(-50%) scale(1.1)}.floating-icon--bottom-center:active{transform:translate(-50%) scale(.95)}.floating-icon--small{width:48px;height:48px}.floating-icon--medium{width:64px;height:64px}.floating-icon--large{width:70px;height:70px}.floating-icon__content{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.floating-icon__svg{width:24px;height:24px;flex-shrink:0}.floating-icon--small .floating-icon__svg{width:20px;height:20px}.floating-icon--large .floating-icon__svg{width:30px;height:30px}.floating-icon__text{font-size:14px;font-weight:500;white-space:nowrap}.floating-icon--small .floating-icon__text{font-size:12px}.floating-icon--large .floating-icon__text{font-size:16px}@media screen and (max-width: 768px){.floating-icon--bottom-right,.floating-icon--bottom-left{bottom:20px}.floating-icon--bottom-right{right:20px}.floating-icon--bottom-left{left:20px}.floating-icon--bottom-center{bottom:20px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.floating-icon{animation:float 3s ease-in-out infinite}.floating-icon--bottom-center{animation:none}@media (prefers-reduced-motion: reduce){.floating-icon{animation:none;transition:none}.floating-icon:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-floating-icon.css.map */