#floatingCart{
    position:fixed;
    right:20px;
    bottom:120px;

    width:72px;
    height:72px;

    z-index:999999;
}

.floating-cart-btn{
width:72px;
height:72px;
border:none;
outline:none;
cursor:pointer;
border-radius:50%;
background:#ff9800;
display:flex;
align-items:center;
justify-content:center;
position:relative;
overflow:visible;

/* Outer Ring */
box-shadow:
0 0 0 8px rgba(255,152,0,.18),
0 10px 30px rgba(0,0,0,.18);

transition:
transform .25s ease,
box-shadow .25s ease;
}

.floating-cart-btn:hover{

transform:translateY(-3px);

box-shadow:
0 0 0 10px rgba(255,152,0,.22),
0 14px 35px rgba(0,0,0,.22);
}

.floating-cart-btn svg{
width:40px;
height:40px;
fill:#fff;
}

.floating-cart-count{

position:absolute;

top:-8px;

right:-8px;

width:28px;

height:28px;

background:#ff4d6d;

border-radius:50%;

border:2px solid #fff;

}

.floating-cart-count b{

position:absolute;

left:50%;

top:50%;

transform:translate(-50%,-50%);

color:#fff;

font-size:12px;

font-weight:700;

line-height:1;

}

#floatingCart .floating-cart-count{

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    width:28px !important;

    height:28px !important;

    line-height:28px !important;

    font-size:12px !important;

    font-weight:700 !important;

    color:#fff !important;

    background:#ff4d6d !important;

    border-radius:50% !important;

    border:2px solid #fff !important;

    padding:0 !important;

    margin:0 !important;

    box-sizing:border-box !important;

}

.floating-cart-shake{
animation:floatingShake .7s ease;
}

@keyframes floatingShake{

0%{transform:scale(1)}
15%{transform:scale(1.12)}
30%{transform:rotate(-8deg)}
45%{transform:rotate(8deg)}
60%{transform:rotate(-5deg)}
75%{transform:rotate(5deg)}
100%{transform:scale(1)}
}

@media(max-width:500px){

#floatingCart{
display:none !important;
}

}


.floating-cart-btn{
    will-change:transform;
}
.floating-cart-btn.is-updating:after{content:'';position:absolute;width:24px;height:24px;border:3px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:floatingSpin .6s linear infinite}.floating-cart-btn.is-updating svg{opacity:.25}.count-pop .floating-cart-count{animation:floatingPop .42s ease}@keyframes floatingSpin{to{transform:rotate(360deg)}}@keyframes floatingPop{50%{transform:scale(1.3)}}

#floatingCart{
    touch-action:manipulation;
    pointer-events:auto !important;
    user-select:none;
}

#floatingCart .floating-cart-btn{touch-action:none}
#floatingCart.is-dragging .floating-cart-btn{transform:scale(.96);cursor:grabbing}

#floatingCart .floating-cart-btn{
    pointer-events:auto !important;
    z-index:2;
}

#floatingCart .floating-cart-btn svg,
#floatingCart .floating-cart-count,
#floatingCart .floating-cart-count *{
    pointer-events:none;
}