/* GoKeyless Floating WhatsApp v1.0.0 */

.gkfw-wrap{
  position:fixed;
  bottom:var(--gkfw-bottom,24px);
  z-index:9998;
  font-family:Inter,Arial,Helvetica,sans-serif;
  pointer-events:none;
}

.gkfw-wrap.gkfw-right{right:var(--gkfw-side,24px)}
.gkfw-wrap.gkfw-left{left:var(--gkfw-side,24px)}

.gkfw-button{
  pointer-events:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  color:#fff!important;
  text-decoration:none!important;
  filter:drop-shadow(0 10px 18px rgba(28,48,57,.22));
  transition:transform .18s ease,filter .18s ease;
}

.gkfw-button:hover{
  transform:translateY(-2px);
  filter:drop-shadow(0 13px 22px rgba(28,48,57,.28));
}

.gkfw-icon{
  width:58px;
  height:58px;
  flex:0 0 58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--gkfw-color,#25D366);
  border:3px solid #fff;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}

.gkfw-icon svg{
  width:34px;
  height:34px;
  fill:#fff;
}

.gkfw-phone-path{
  fill:var(--gkfw-color,#25D366);
}

.gkfw-label{
  display:none;
  min-height:40px;
  align-items:center;
  padding:0 14px;
  border-radius:9px;
  background:#fff;
  color:#33434A;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  box-shadow:0 8px 24px rgba(30,50,60,.16);
}

.gkfw-with-label .gkfw-label{
  display:flex;
}

.gkfw-left .gkfw-button{
  flex-direction:row-reverse;
}

@media(max-width:767px){
  .gkfw-wrap{
    bottom:max(var(--gkfw-bottom,18px),env(safe-area-inset-bottom));
  }

  .gkfw-icon{
    width:54px;
    height:54px;
    flex-basis:54px;
  }

  .gkfw-icon svg{
    width:31px;
    height:31px;
  }

  .gkfw-label{
    display:none!important;
  }

  .gkfw-hide-mobile{
    display:none!important;
  }
}

@media(min-width:768px){
  .gkfw-hide-desktop{
    display:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .gkfw-button{
    transition:none!important;
  }
}