/* WhatsApp Button Styles ported from Clavis */

a.whatsApp {
    position: fixed;
    display: block;
    right: 40px;
    /* Adjusted to right side */
    bottom: 42px;
    width: 56px;
    height: 56px;
    background: #1dc43f;
    border-radius: 50%;
    z-index: 9990;
    /* Below trial modal (9999) */
    transition: 475ms;
    -webkit-transition: 475ms;
    -moz-transition: 475ms;
    -o-transition: 475ms;
    border: 4px solid rgba(255, 255, 255, .2);
}

a.whatsApp:before {
    content: "\f232";
    position: absolute;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 26px;
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

a.whatsApp:hover {
    -webkit-box-shadow: inset 0 0 41px 0 rgba(8, 130, 32, .7);
    -moz-box-shadow: inset 0 0 41px 0 rgba(8, 130, 32, .7);
    box-shadow: inset 0 0 41px 0 rgba(8, 130, 32, .7);
}

a.whatsApp .animated {
    border: 5px solid #1dc43f;
    border-radius: 50%;
    bottom: -5px;
    content: "";
    left: -5px;
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 2;
}

.bullets {
    -webkit-animation-name: bullets;
    -moz-animation-name: bullets;
    animation-name: bullets;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

@-webkit-keyframes bullets {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .6;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes bullets {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .6;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@media (max-width:768px) {
    a.whatsApp {
        width: 50px;
        height: 50px;
        right: 20px;
        /* Adjusted to right side */
        bottom: 20px;
    }

    a.whatsApp:before {
        line-height: 42px;
        font-size: 22px;
    }
}