[icon="yes"]{
           position: absolute;
           display: inline-block;
           height: 50px;
           width: 50px;
           left: -55px;
           top: 5px;
           background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCs0z9pbe37nFsmdRiG2hAvmvlK9Hhj7W2mVbNrNJne0cm2xIkeSHdN_FrxKJRSikcpOsxy0ChfdnTF526136WUVY2WmjmOpSV6LKQWWXLqvr-ODMH2TSDBa64214PMwJYJlv-m9llKu6fFa19DXZHbSr14mdndvuI6yBI_R6LMhqNqiKQ-UT5EQmQuQCk/s1600/santosh.png");
                     

          
               }

        whatsapp{
            background-color: #3498db;
            color: #fff;
            padding: 14px;
            border-bottom-right-radius: 100px;
            border-bottom-left-radius: 100px;
            border-top-left-radius: 100px;
            border-top-right-radius: 100px;
            box-shadow: 10px 12px 19px rgba(0, 0, 0, 0.7);
            display: inline-block;
            font-size: 24px;
            margin: 20px;
            text-align: center;
            animation: pulse 2s infinite;
            z-index: 999;
            cursor:pointer;


        }


  whatsapppopup{
            background-color: #3498db;
            color: #fff;
            padding: 14px;
            border-bottom-right-radius: 100px;
            border-bottom-left-radius: 100px;
            border-top-left-radius: 100px;
            border-top-right-radius: 100px;
            position: fixed;
            bottom: 0px;
            right: 0px;
            box-shadow: 10px 12px 19px rgba(0, 0, 0, 0.7);
            display: inline-block;
            font-size: 24px;
            margin: 20px;
            text-align: center;
            animation: pulse 2s infinite;
            z-index: 999;
            cursor:pointer;

        }

whatsapppopup:hover,whatsapp:hover{

         background-color: #6bb0db;


}

        @keyframes pulse {
            0% {
                transform: scale(0.8);
            }
            50% {
                transform: scale(0.7);
            }
            100% {
                transform: scale(0.9);
            }
        }

whatsapppopup::after, whatsapp::after{
padding:10px 8px;
 color: red;
 font-weight: bold; 
border-bottom-left-radius: 30px; 
border-top-right-radius: 30px; 
background-color: rgba(9,247,251, 0.5);
 box-shadow: 0px 5px 6px rgba(9,247,251, 0.3); 
content: "Join Now"; 
            cursor:pointer;

}




@media(max-width: 768px){

[icon="yes"]{
           position: absolute;
           display: inline-block;
           height: 50px;
           width: 50px;
           left: -55px;
           top: 5px;
           background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCs0z9pbe37nFsmdRiG2hAvmvlK9Hhj7W2mVbNrNJne0cm2xIkeSHdN_FrxKJRSikcpOsxy0ChfdnTF526136WUVY2WmjmOpSV6LKQWWXLqvr-ODMH2TSDBa64214PMwJYJlv-m9llKu6fFa19DXZHbSr14mdndvuI6yBI_R6LMhqNqiKQ-UT5EQmQuQCk/s1600/santosh.png");
                     

          
               }

        whatsapp{
            background-color: #3498db;
            color: #fff;
            padding: 10px;
            border-bottom-right-radius: 100px;
            border-bottom-left-radius: 100px;
            border-top-left-radius: 100px;
            border-top-right-radius: 100px;
            box-shadow: 10px 12px 19px rgba(0, 0, 0, 0.7);
            display: inline-block;
            font-size: 16px;
            text-align: center;
            animation: pulse 2s infinite;
            z-index: 999;
            cursor:pointer;

        }


  whatsapppopup{
            background-color: #3498db;
            color: #fff;
            padding: 10px;
            border-bottom-right-radius: 100px;
            border-bottom-left-radius: 100px;
            border-top-left-radius: 100px;
            border-top-right-radius: 100px;
            position: fixed;
            bottom: 0px;
            right: 0px;
            box-shadow: 10px 12px 19px rgba(0, 0, 0, 0.7);
            display: inline-block;
            font-size: 16px;
            margin: 10px;
            text-align: center;
            animation: pulse 2s infinite;
            z-index: 999;
            cursor:pointer;

        } 

 whatsapppopup:hover, whatsapp:hover{

         background-color: #6bb0db;


}

        @keyframes pulse {
            0% {
                transform: scale(0.8);
            }
            50% {
                transform: scale(0.7);
            }
            100% {
                transform: scale(0.9);
            }
        }

whatsapppopup::after, whatsapp::after{
padding: 5px 3px;
 color: red;
 font-weight: bold; 
border-bottom-left-radius: 30px; 
border-top-right-radius: 30px; 
background-color: rgba(9,247,251, 0.5);
 box-shadow: 0px 5px 6px rgba(9,247,251, 0.3); 
content: "Join Now";
cursor:pointer;
}



}