.whatsapp-contact {
    align-items: center;
    background: #168c4b;
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    box-shadow: 0 8px 24px rgba(18, 69, 40, .28);
    color: #fff;
    display: flex;
    height: 58px;
    justify-content: center;
    position: fixed;
    right: calc(18px + env(safe-area-inset-right, 0px));
    text-decoration: none;
    transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
    width: 58px;
    z-index: 50;
}

.whatsapp-contact svg {
    display: block;
    height: 30px;
    width: 30px;
}

.whatsapp-contact:hover {
    background: #0d713a;
    box-shadow: 0 10px 28px rgba(18, 69, 40, .35);
    transform: translateY(-2px);
}

.whatsapp-contact:focus-visible {
    outline: 3px solid #123b26;
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .whatsapp-contact { transition: none; }
}