.kino-whatsapp {
  position: fixed;
  right: clamp(18px, 2.4vw, 38px);
  bottom: clamp(18px, 3vw, 38px);
  z-index: 90;
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 66px;
  padding: 10px 20px 10px 11px;
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 999px;
  background: #1f9d61;
  color: #fff;
  text-decoration: none;
  font-family: "DM Sans", Arial, sans-serif;
  box-shadow: 0 14px 36px rgba(10, 35, 23, .27), 0 2px 10px rgba(10, 35, 23, .18);
  isolation: isolate;
  transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}
.kino-whatsapp::before {
  content: "";
  position: absolute;
  inset: -7px;
  z-index: -1;
  border: 1px solid rgba(38, 190, 113, .45);
  border-radius: inherit;
  animation: kino-whatsapp-pulse 2.6s ease-out infinite;
}
.kino-whatsapp:hover,
.kino-whatsapp:focus-visible {
  background: #168654;
  box-shadow: 0 18px 42px rgba(10, 35, 23, .34), 0 3px 12px rgba(10, 35, 23, .2);
  transform: translateY(-4px);
  outline: none;
}
.kino-whatsapp-icon {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: #188a56;
}
.kino-whatsapp-icon svg { width: 27px; height: 27px; fill: currentColor; }
.kino-whatsapp-copy { display: grid; gap: 1px; line-height: 1.08; }
.kino-whatsapp-copy small {
  color: rgba(255, 255, 255, .78);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.kino-whatsapp-copy strong { font-size: 15px; font-weight: 600; letter-spacing: .01em; }
.kino-whatsapp-arrow { margin-left: 5px; font-size: 19px; line-height: 1; }
@keyframes kino-whatsapp-pulse {
  0% { opacity: .75; transform: scale(.98); }
  72%, 100% { opacity: 0; transform: scale(1.11); }
}
@media (max-width: 640px) {
  .kino-whatsapp { right: 14px; bottom: 14px; min-height: 58px; padding: 8px 15px 8px 8px; gap: 10px; }
  .kino-whatsapp-icon { width: 42px; height: 42px; flex-basis: 42px; }
  .kino-whatsapp-copy strong { font-size: 14px; }
  .kino-whatsapp-arrow { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .kino-whatsapp, .kino-whatsapp::before { animation: none; transition: none; }
}