#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;
}

#floatingCart{
    touch-action:none;
}