.whatsapp-widget {  position:fixed;  bottom:20px;  right:20px;  z-index:9999;  font-family:Arial, sans-serif; }  .wa-button {  width:60px;  height:60px;  background:#25D366;  border-radius:50%;  display:flex;  align-items:center;  justify-content:center;  cursor:pointer;  box-shadow:0px 4px 8px rgba(0,0,0,0.3);  transition:transform 0.2s ease, background 0.3s ease;  position:relative; } .wa-button img, .wa-button span {  transition:opacity 0.3s ease, transform 0.3s ease;  position:absolute; } .wa-button span {  font-size:28px;  color:white;  opacity:0;  transform:rotate(-90deg); } .wa-button.active img {  opacity:0;  transform:rotate(90deg); } .wa-button.active span {  opacity:1;  transform:rotate(0deg); }  .wa-list {  display:none;  position:absolute;  bottom:80px;  right:0;  background:#f9f9f9;  border-radius:14px;  box-shadow:0 6px 16px rgba(0,0,0,0.25);  width:280px;  overflow:hidden;  padding:5px 0; }  .wa-contact {  display:flex;  align-items:flex-start;  padding:10px 18px;  border-bottom:1px solid #e5e5e5;  text-decoration:none;  color:#333;  opacity:0;  transform:translateY(10px);  animation:fadeInUp 0.4s forwards;  background:#fff;  margin:6px 10px;  border-radius:10px;  box-shadow:0 2px 6px rgba(0,0,0,0.08); } .wa-contact:last-child {  border-bottom:none; } .wa-contact img {  width:32px;  height:32px;  margin-right:12px; } .wa-text {  display:flex;  flex-direction:column;  line-height:1.3; } .wa-text strong {  font-size:15px;  font-weight:600;  color:#000; } .wa-text small {  font-size:13px;  color:#666; }  @keyframes fadeInUp {  from {   opacity:0;   transform:translateY(15px);  }  to {   opacity:1;   transform:translateY(0);  } }