/* =========================================================
   OKLYCOSMETICS — WHATSAPP FLOAT V1
   Botón responsive:
   PC: "¿Quieres saber más?"
   Móvil: "Contáctanos"
   ========================================================= */

.okly-whatsapp-float{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:9999;
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:14px 18px 14px 20px;
  border-radius:999px;
  background:#25D366;
  color:#fff;
  text-decoration:none;
  box-shadow:0 10px 28px rgba(0,0,0,.18);
  transition:transform .18s ease, box-shadow .18s ease;
  font-family:"Marcellus", serif;
  font-size:17px;
  line-height:1;
  white-space:nowrap;
}

.okly-whatsapp-float:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}

.okly-whatsapp-icon{
  width:26px;
  height:26px;
  flex:0 0 26px;
  color:#fff;
}

.okly-whatsapp-label-mobile{
  display:none;
}

@media(max-width:700px){
  .okly-whatsapp-float{
    right:14px;
    bottom:14px;
    padding:13px 16px;
    gap:10px;
    font-size:16px;
    box-shadow:0 8px 24px rgba(0,0,0,.18);
  }

  .okly-whatsapp-label-desktop{
    display:none;
  }

  .okly-whatsapp-label-mobile{
    display:inline;
  }

  .okly-whatsapp-icon{
    width:24px;
    height:24px;
    flex-basis:24px;
  }
}