/* ========= Promo Button - Kanan Bawah ========= */
.btn-whatsapp {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 99;
    transition: all .2s ease-in-out;
}

.btn-whatsapp #main-img {
    position: relative;
    z-index: 1;
    transition: all .2s ease-in-out;
    width: 8rem;
}

.btn-whatsapp #main-img:hover {
    transform: scale(1.1);
    transition: all .2s ease-in-out;
}

.btn-whatsapp-card {
    position: fixed;
    width: 20rem;
    bottom: 15px;
    right: 15px;
    z-index: 99;
    transition: all .2s ease-in-out;
}

.btn-whatsapp-card #second-img {
    position: absolute;
    z-index: 1;
    transition: all .2s ease-in-out;
    bottom: -18rem;
    right: 1px;
}

.btn-whatsapp-card #second-whatsapp {
    width: 8rem;
}

/* Animated */
.animated-default {
    bottom: 8rem;
}

.animated-show {
    animation: smooth-show .7s ease forwards;
}

.animated-hide {
    animation: smooth-hide .7s ease forwards;
}

@keyframes smooth-show {
    from {
        bottom: -18rem;
        opacity: 1;
    }

    to {
        bottom: 0rem;
        opacity: 1;
    }
}

@keyframes smooth-hide {
    from {
        bottom: 0rem;
        opacity: 1;
    }

    to {
        bottom: -18rem;
        opacity: 1;
    }
}

/* END Animated */

/* ========= END Promo Button - Kanan Bawah ========= */