#webShare .webiators-shatsapp-share.btn-primary {

    color: #fff;
    background-color: #28a745;
    border: 1px solid #cdcdcd;
    cursor: pointer;
    font-family: open sans,helvetica neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
    margin: 0px;
    padding: 7px 7px;
    font-size: 1.4rem;
    line-height: 2.6rem;
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    border-radius: 8px;

}


/*bottom position*/
.catalog-product-view #webShare a.webiators-shatsapp-share.bottom-left.btn-primary {
    bottom: 20px;
    left: 10px;
    position: fixed;
    z-index: 999999;
}

.catalog-product-view #webShare a.webiators-shatsapp-share.bottom-right.btn-primary {
    bottom: 20px;
    right: 10px;
    position: fixed;
    z-index: 999999;
}

.catalog-product-view #webShare a.webiators-shatsapp-share.bottom-middle.btn-primary {
    bottom: 20px;
    left: 45%;
    position: fixed;
    z-index: 999999;
}


/*top position*/
.catalog-product-view #webShare a.webiators-shatsapp-share.top-left.btn-primary {
    top: 5px;
    left: 10px;
    position: fixed;
    z-index: 999999;
}

.catalog-product-view #webShare a.webiators-shatsapp-share.top-right.btn-primary {
    top: 30px;
    right: 10px;
    position: fixed;
    z-index: 999999;
}

.catalog-product-view #webShare a.webiators-shatsapp-share.top-middle.btn-primary {
    top: 5px;
    left: 45%;
    position: fixed;
    z-index: 999999;
}


/*let anf right middle position*/
.catalog-product-view #webShare a.webiators-shatsapp-share.right-middle.btn-primary {
    top: 45%;
    right: 10px;
    position: fixed;
    z-index: 999999;
}

.catalog-product-view #webShare a.webiators-shatsapp-share.left-middle.btn-primary {
    top: 45%;
    left: 10px;
    position: fixed;
    z-index: 999999;
}

/*Share Btm Effects Css*/
.catalog-product-view #webShare a.webiators-shatsapp-share.bottom-left.bounce.btn-primary,#webShare a.webiators-shatsapp-share.bottom-middle.bounce.btn-primary,#webShare a.webiators-shatsapp-share.bottom-right.bounce.btn-primary{
    -webkit-animation:bounce 1s infinite;
}

@-webkit-keyframes bounce{
      0%       { bottom:5px; }
      25%, 75% { bottom:15px; }
      50%      { bottom:20px; }
      100%     {bottom:0;}
    }

/*for wiggle icon*/
.catalog-product-view #webShare a.webiators-shatsapp-share.wiggle.btn-primary{
    animation: wiggle 75ms infinite;
  animation-timing-function: linear;   
}

@keyframes wiggle{
  0% { transform: translate(2px, 0); }
  50% { transform: translate(-2px, 0); }
  100% { transform: translate(2px, 0); }
}

/*for pulse icon*/
.catalog-product-view #webShare a.webiators-shatsapp-share.pulse.btn-primary{
    animation: shadow-pulse 1s infinite;
}

@keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }

  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

/*for zoom icon*/
.catalog-product-view #webShare a.webiators-shatsapp-share.zoom.btn-primary:hover {
    transform: scale(1.1);
    transition: all ease 500ms;
}

/*for shrink icon*/
.catalog-product-view #webShare a.webiators-shatsapp-share.shrink.btn-primary:hover{
-webkit-transform:scale(0.5);
-moz-transform:scale(0.5);
-ms-transform:scale(0.5);
transform:scale(0.5);
}

/*for grow icon on hover*/
.catalog-product-view #webShare a.webiators-shatsapp-share.grow.btn-primary:hover
{
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
}

/*for wiggle icon on hover*/
.catalog-product-view #webShare a.webiators-shatsapp-share.wiggle_on_hover.btn-primary:hover{ 
  animation: wiggle 75ms infinite;
  animation-timing-function: linear;   
}

@keyframes wiggle {
  0% { transform: translate(2px, 0); }
  50% { transform: translate(-2px, 0); }
  100% { transform: translate(2px, 0); }
}

/*for pulse icon on hover*/
.catalog-product-view #webShare a.webiators-shatsapp-share.pulse_on_hover.btn-primary:hover{
    animation: shadow-pulse-hover 1s infinite;
}

@keyframes shadow-pulse-hover
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }

}