.contact-dock--whatsapp-direct {
    right: max(18px, env(safe-area-inset-right));
    bottom: max(18px, env(safe-area-inset-bottom));
}

.contact-dock--whatsapp-direct .contact-dock__launcher {
    position: relative;
    width: 56px;
    min-height: 56px;
    padding: 0;
    border-color: #25d366;
    border-radius: 50%;
    background: #25d366;
    color: #ffffff;
    text-decoration: none;
    box-shadow: 0 7px 22px rgba(18, 110, 54, .28);
}

.contact-dock--whatsapp-direct .contact-dock__launcher:hover,
.contact-dock--whatsapp-direct .contact-dock__launcher:focus-visible {
    border-color: #20bd5a;
    background: #20bd5a;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 10px 26px rgba(18, 110, 54, .34);
}

.contact-dock--whatsapp-direct .contact-dock__launcher:focus-visible {
    outline-color: rgba(37, 211, 102, .42);
}

.contact-dock--whatsapp-direct .contact-dock__launcher svg {
    width: 29px;
    height: 29px;
}

.contact-dock--whatsapp-direct .contact-dock__launcher::before {
    position: absolute;
    right: calc(100% + 11px);
    top: 50%;
    width: max-content;
    max-width: 180px;
    padding: 8px 11px;
    border-radius: 7px;
    background: #20252b;
    color: #ffffff;
    content: attr(data-contact-dock-label);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    opacity: 0;
    pointer-events: none;
    transform: translate(5px, -50%);
    transition: opacity 160ms ease, transform 160ms ease;
}

.contact-dock--whatsapp-direct .contact-dock__launcher:hover::before,
.contact-dock--whatsapp-direct .contact-dock__launcher:focus-visible::before {
    opacity: 1;
    transform: translate(0, -50%);
}

@media (max-width: 767px) {
    .contact-dock--whatsapp-direct {
        right: max(14px, env(safe-area-inset-right));
        bottom: max(14px, env(safe-area-inset-bottom));
        left: auto;
    }

    .contact-dock--whatsapp-direct .contact-dock__launcher::before {
        display: none;
    }
}