.campaign-page--whatsapp .campaign-cta {
  max-width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 1.3;
  white-space: normal;
}

.campaign-page--whatsapp .campaign-cta .fa-whatsapp {
  flex: none;
}

.campaign-page--whatsapp [data-whatsapp-placement="hero"] > span,
.campaign-page--whatsapp [data-whatsapp-placement="final-section"] > span {
  white-space: nowrap;
}

.campaign-page--whatsapp #cara-mulai {
  scroll-margin-top: 88px;
}

.campaign-page--whatsapp .campaign-footer {
  padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
}

.campaign-page--whatsapp .campaign-footer__links {
  align-items: center;
}

.campaign-page--whatsapp .campaign-footer .campaign-cta {
  color: #111827;
}

.campaign-whatsapp-float {
  --wa-safe-top: env(safe-area-inset-top, 0px);
  --wa-safe-right: env(safe-area-inset-right, 0px);
  --wa-safe-bottom: env(safe-area-inset-bottom, 0px);
  --wa-safe-left: env(safe-area-inset-left, 0px);
  position: fixed;
  right: calc(18px + env(safe-area-inset-right, 0px));
  bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  z-index: 60;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #101827;
  box-shadow: none;
  font-size: 32px;
  line-height: 1;
  text-decoration: none;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  cursor: pointer;
  transition: none;
}

.campaign-whatsapp-float:hover,
.campaign-whatsapp-float:focus,
.campaign-whatsapp-float:active {
  color: #101827;
}

.campaign-whatsapp-float > .campaign-whatsapp-float__icon {
  display: block;
  width: 56px;
  height: 56px;
  object-fit: contain;
  pointer-events: none;
}

.campaign-whatsapp-float:focus-visible {
  outline: 3px solid var(--campaign-yellow);
  outline-offset: 4px;
}

.campaign-whatsapp-float__label {
  position: absolute;
  right: calc(100% + 12px);
  padding: 10px 12px;
  border: 1px solid var(--campaign-line);
  border-radius: 8px;
  background: var(--campaign-navy);
  color: var(--campaign-text);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
  white-space: nowrap;
  visibility: hidden;
  pointer-events: none;
}

.campaign-whatsapp-float:focus-visible .campaign-whatsapp-float__label {
  visibility: visible;
}

@media (hover: hover) {
  .campaign-whatsapp-float:hover .campaign-whatsapp-float__label {
    visibility: visible;
  }
}

.campaign-whatsapp-float.is-dragging {
  cursor: grabbing;
}

.campaign-whatsapp-float.is-dragging .campaign-whatsapp-float__label {
  visibility: hidden;
}

@media (min-width: 768px) {
  .campaign-whatsapp-float {
    right: calc(24px + env(safe-area-inset-right, 0px));
    bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  }
}