.wa-bubble{
  position:fixed;
  right:24px;
  bottom:64px;
  width:56px;
  height:56px;
  border-radius:50%;
  background:#25D366;
  background-image: linear-gradient(to left, #25d366, #25cb5b, #24c350, #24bb45, #23b33a);
  border:0;
  cursor:pointer;
  box-shadow:0 4px 16px rgba(0,0,0,.4);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1000;
}
.wa-bubble:hover{
  transform:translateY(-4px)
}
.wa-bubble:focus{
  outline:2px solid #fff4;
  outline-offset:2px
}

.wa-icon{
  width: 36px;
  height: 36px;
  display: block
}

@media (prefers-reduced-motion: reduce){
  .wa-bubble{transition:none}
}

@media (max-width: 420px) {
  .wa-bubble{
    right:16px;
    bottom:16px;
  }
}