.km-stickyCta{
  position:fixed;
  left:0;
  top:50%;
  transform:translateY(-50%);
  z-index:9998;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.km-stickyCta__item{
  position:relative;
  display:flex;
  align-items:center;
  min-width:60px;
  height:60px;
  overflow:hidden;
  color:#fff;
  transition:width .28s ease, transform .2s ease, background .2s ease;
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}

.km-stickyCta__item:hover{
  transform:translateX(0);
}

.km-stickyCta__icon{
  width:60px;
  min-width:60px;
  height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
}

.km-stickyCta__label{
  width:0;
  opacity:0;
  white-space:nowrap;
  overflow:hidden;
  font-weight:700;
  transition:all .28s ease;
}

.km-stickyCta__item:hover{
  width:228px;
}

.km-stickyCta__item:hover .km-stickyCta__label{
  width:auto;
  opacity:1;
  padding-right:22px;
}

.km-stickyCta__item--offer{background:linear-gradient(135deg,#8b3dff,#6d2de0);}
.km-stickyCta__item--whatsapp{background:#16b44a;}
.km-stickyCta__item--instagram{background:linear-gradient(135deg,#ff7a00,#ff0069,#7b2cff);}
.km-stickyCta__item--linkedin{background:#0a66c2;}
.km-stickyCta__item--facebook{background:#1877f2;}

.km-mobileCta{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:9999;
  display:none;
  grid-template-columns:repeat(3,1fr);
  box-shadow:0 -8px 28px rgba(0,0,0,.18);
}

.km-mobileCta__item{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 12px;
  color:#fff;
  font-weight:700;
  text-align:center;
}

.km-mobileCta__item i{
  font-size:18px;
}

.km-mobileCta__item--offer{background:linear-gradient(135deg,#8b3dff,#6d2de0);}
.km-mobileCta__item--phone{background:#0f766e;}
.km-mobileCta__item--whatsapp{background:#16b44a;}

@media (max-width: 991px){
  .km-stickyCta--desktop{
    display:none;
  }

  .km-mobileCta{
    display:grid;
  }

  body{
    padding-bottom:64px;
  }
}

@media (min-width: 992px){
  .km-mobileCta{
    display:none !important;
  }
}