body {
    position: relative;
}

.whatsapp {
    position: fixed;
    bottom: calc(25px + env(safe-area-inset-bottom));
    right: calc(25px + env(safe-area-inset-right));
    z-index: 1000;
}

.whatsapp img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

@media (hover: hover) and (pointer: fine) {
    .whatsapp img:hover {
        transform: scale(1.05);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .whatsapp {
        bottom: calc(22px + env(safe-area-inset-bottom));
        right: calc(22px + env(safe-area-inset-right));
    }
    .whatsapp img {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 767px) {
    .whatsapp {
        bottom: calc(18px + env(safe-area-inset-bottom));
        right: calc(18px + env(safe-area-inset-right));
    }
    .whatsapp img {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 360px) {
    .whatsapp img {
        width: 50px;
        height: 50px;
    }
}