/* ---------- Кнопки ---------- */

.floating-btn{

position:fixed;
right:20px;

width:54px;
height:54px;

border-radius:50%;

background:#1552C1;

display:flex;
align-items:center;
justify-content:center;

cursor:pointer;

z-index:99999;

transition:.25s;

box-shadow:0 8px 24px rgba(0,0,0,.25);

}

/* внутренняя белая окантовка */

.floating-btn::after{

content:"";

position:absolute;

left:5px;
top:5px;
right:5px;
bottom:5px;

border:1px solid rgba(255,255,255,.75);

border-radius:50%;

pointer-events:none;

}

/* наведение */

.floating-btn:hover{

transform:translateY(-2px) scale(1.03);

box-shadow:0 14px 30px rgba(0,0,0,.30);

}

/* стрелка */

.floating-top{

bottom:84px;

opacity:0;
visibility:hidden;

transform:translateY(10px);

}

.floating-top.show{

opacity:1;
visibility:visible;

transform:translateY(0);

}

/* корзина */

.floating-cart{

bottom:20px;

}
.floating-btn svg{

width:22px;
height:22px;

display:block;

}

/* SVG */
.floating-btn svg circle{

fill:#fff;
stroke:none;

}
.floating-btn svg{

width:22px;
height:22px;

}

.floating-btn svg path{

fill:none;
stroke:#fff;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;

}

/* счетчик */

.floating-cart-count{

position:absolute;

right:-8px;
top:-5px;

width:24px;
height:24px;

border-radius:50%;

background:#fff;

color:#111;

font-family:Montserrat,sans-serif;
font-size:12px;
font-weight:600;

display:flex;
align-items:center;
justify-content:center;

border:2px solid #fff;

box-shadow:0 3px 10px rgba(0,0,0,.18);

z-index:5;

padding:0;

line-height:1;

}

/* мобильная */

@media(max-width:640px){

.floating-btn{

width:50px;
height:50px;

right:14px;

}

.floating-top{

bottom:76px;

}

.floating-cart{

bottom:14px;

}

.floating-btn svg{

width:18px;
height:18px;

}

}