.btn-wsp{
    position:fixed;
        width:60px;
        height:60px;
        bottom:25px;
        right:25px;
        background-color:#25d366;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        font-size:30px;
        z-index:100;
        box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
        transition: all 300ms ease; 
}
.btn-wsp:hover{
    text-decoration: none;
	color: #FFF;
  background-color:#1ab152;
    
    /* animation: shake 1s; */

 animation: bounce 0.5s ease-in-out;
  animation-iteration-count: infinite;
  /* animation: pulse 1.5s infinite ease-in-out; */
      /* animation: spin 0.3s ease-in-out; */
      /* animation: glow 1.5s infinite ease-in-out; */
          /* animation: slide-in 0.8s ease-out; */



}


@keyframes slide-in {
    0% { transform: translateY(100px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

@keyframes glow {
    0% { box-shadow: 0 0 10px rgba(37, 211, 102, 0.5); }
    50% { box-shadow: 0 0 20px rgba(37, 211, 102, 1); }
    100% { box-shadow: 0 0 10px rgba(37, 211, 102, 0.5); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(10deg); }
    100% { transform: rotate(0deg); }
}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}
@media only screen and (min-width:320px) and (max-width:768px){
    .btn-wsp{
        width:63px;
        height:63px;
        line-height: 66px;
	}
}