hello

<a
  href="https://wa.me/447360278449"
  class="whatsapp-premium"
  target="_blank"
  rel="noopener noreferrer"
  aria-label="Message us on WhatsApp"
>
  <span class="wa-icon">
    <svg viewBox="0 0 32 32">
      <path d="M16.001 2.667c-7.363 0-13.334 5.97-13.334 13.333 0 2.351.615 4.644 1.786 6.667L2.667 29.333l6.829-1.743c1.947 1.061 4.146 1.61 6.505 1.61 7.363 0 13.334-5.97 13.334-13.333S23.364 2.667 16.001 2.667zm0 24c-2.101 0-4.153-.558-5.952-1.615l-.426-.251-4.053 1.034 1.081-3.947-.277-.454c-1.18-1.928-1.805-4.146-1.805-6.433 0-6.617 5.383-12 12-12s12 5.383 12 12-5.383 12-12 12zm6.736-8.9c-.368-.184-2.176-1.072-2.512-1.193-.336-.122-.581-.184-.826.184-.245.368-.949 1.193-1.164 1.439-.214.245-.429.276-.797.092-.368-.184-1.553-.572-2.958-1.824-1.094-.975-1.833-2.178-2.048-2.546-.214-.368-.023-.567.161-.751.166-.165.368-.429.552-.644.184-.214.245-.368.368-.613.122-.245.061-.46-.031-.644-.092-.184-.826-1.99-1.132-2.726-.298-.715-.601-.618-.826-.629l-.704-.012c-.245 0-.644.092-.98.46-.336.368-1.286 1.256-1.286 3.062s1.317 3.551 1.501 3.797c.184.245 2.592 3.96 6.282 5.554.878.379 1.562.605 2.096.774.88.279 1.68.24 2.313.146.705-.105 2.176-.889 2.482-1.748.306-.859.306-1.596.214-1.748-.092-.153-.336-.245-.704-.429z"/>
    </svg>
  </span>
  <span class="wa-copy">
    <strong>Message us on WhatsApp</strong>
  </span>
</a>
<style>
.whatsapp-premium {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 11px;
  background: linear-gradient(135deg, #7A0026 0%, #4b0018 100%);
  color: #fff;
  padding: 13px 18px 13px 15px;
  border-radius: 999px;
  text-decoration: none;
  box-shadow: 0 12px 32px rgba(122, 0, 38, 0.32);
  border: 1px solid rgba(255, 215, 130, 0.45);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.whatsapp-premium:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 38px rgba(122, 0, 38, 0.42);
}
.wa-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #25D366;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.wa-icon svg {
  width: 20px;
  height: 20px;
  fill: #fff;
}
.wa-copy strong {
  font-size: 15px;
  font-weight: 700;
}
@media (max-width: 600px) {
  .whatsapp-premium {
    right: 15px;
    bottom: 15px;
    padding: 11px 15px 11px 13px;
    gap: 8px;
  }
  .wa-copy strong {
    font-size: 13px;
  }
  .wa-icon {
    width: 32px;
    height: 32px;
  }
  .wa-icon svg {
    width: 18px;
    height: 18px;
  }
}
</style>