Quiénes somos

import * as React from "react";

export default function WhatsAppButton() {
  return (
    <>
      <style>{`
        .whatsapp-button {
          display: inline-block;
          background-color: #25d366;
          color: white;
          padding: 12px 20px;
          border-radius: 50px;
          text-decoration: none;
          font-weight: bold;
          font-size: 16px;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
          transition: transform 0.3s ease-in-out;
          position: fixed;
          bottom: 20px;
          right: 20px;
          z-index: 1000;
          animation: pulse 2s infinite;
        }
        .whatsapp-button:hover {
          transform: scale(1.1);
        }
        @keyframes pulse {
          0% {
            box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
          }
          70% {
            box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
          }
          100% {
            box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
          }
        }
      `}</style>
      <a
        href="https://api.whatsapp.com/send?phone=15555555555"
        target="_blank"
        className="whatsapp-button"
      >
        Chatear en WhatsApp
      </a>
    </>
  );
}