/**


* 2007-2023 Weblir


*


*  @author    weblir <hello@weblir.com>


*  @copyright 2012-2023 weblir


*  @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)


*  International Registered Trademark & Property of weblir.com


*


*  You are allowed to modify this copy for your own use only. You must not redistribute it. License


*  is permitted for one Prestashop instance only but you can install it on your test instances.


*/





.whatsapp-button {


    position: fixed;


    bottom: 15px;


    z-index: 99;


    background-color: #25d366;


    border-radius: 50px;


    color: #ffffff;


    text-decoration: none;


    width: 50px;


    height: 50px;


    font-size: 30px;


    display: flex;


    flex-direction: column;


    justify-content: center;


    align-items: center;


    -webkit-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);


    -moz-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);


    box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);


    animation: effect 5s infinite ease-in;


}

@media (max-width:767px) {

.whatsapp-button{
  bottom: 3.875rem;
}

}



.position-left {


    left: 15px;


}





.position-right {


    right: 15px;


}





@keyframes effect {


    20%,


    100% {


        width: 50px;


        height: 50px;


        font-size: 30px;


    }


    0%,


    10% {


        width: 55px;


        height: 55px;


        font-size: 35px;


    }


    5% {


        width: 50px;


        height: 50px;


        font-size: 30px;


    }


}