import React from 'react';
import { Phone } from 'lucide-react';

export const FloatingCallButton: React.FC = () => {
  return (
    <aside className="fixed bottom-6 right-6 z-40 sm:hidden">
      <a
        href="tel:+447424244145"
        className="flex items-center gap-2 px-5 py-3.5 bg-[#56a0ab] text-white rounded-full shadow-2xl hover:bg-[#448490] transition-all transform active:scale-95 border-2 border-white"
        aria-label="Call Mobile Tech Support"
      >
        <Phone className="w-5 h-5 animate-pulse" />
        <span className="font-montserrat font-black text-xs uppercase tracking-wider">
          Call 07424 244145
        </span>
      </a>
    </aside>
  );
};