.mobile-whatsapp {
    display: none;
}

@media screen and (max-width: 39.9375em) {
    .mobile-whatsapp {
        position: fixed;
        right: 16px;
        right: max(16px, env(safe-area-inset-right));
        bottom: 16px;
        bottom: max(16px, env(safe-area-inset-bottom));
        z-index: 14;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: #25d366;
        color: #fff;
        font-size: 32px;
        line-height: 1;
        text-decoration: none;
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);
    }

    .mobile-whatsapp:hover,
    .mobile-whatsapp:focus {
        background: #128c7e;
        color: #fff;
        text-decoration: none;
    }

    .mobile-whatsapp:focus-visible {
        outline: 3px solid #213d79;
        outline-offset: 3px;
    }
}