import { Phone } from 'lucide-react';

export function WhatsAppButton() {
  return (
    <div className="fixed bottom-6 right-6 z-50">
      <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-green-400 opacity-75"></span>
      <a
        href="https://wa.me/5511999999999?text=Ol%C3%A1%2C%20gostaria%20de%20agendar%20uma%20consulta%20jur%C3%ADdica."
        target="_blank"
        rel="noopener noreferrer"
        className="relative flex h-14 w-14 items-center justify-center rounded-full bg-green-500 text-white shadow-lg transition-transform hover:scale-110 hover:shadow-xl hover:bg-green-600 focus:outline-none"
        aria-label="Falar pelo WhatsApp"
      >
        <Phone className="h-7 w-7" fill="currentColor" />
      </a>
    </div>
  );
}
