import { MessageCircle } from "lucide-react";

export default function PartnerChatExact() {
  return (
    <div className="w-full px-3 py-4">
      
      {/* OUTER SECTION */}
      <div
        className="
          flex items-center justify-between gap-4
          bg-[]
          rounded-2xl
          p-3
           
        "
      >

        {/* PARTNER BUTTON */}
        <a
          href="#"
          className="
            flex-1 h-[52px]
            rounded-full
            bg-gradient-to-b from-[#0c6f74] to-[#07585c]
            border border-white/10
            shadow-[inset_0_2px_0_rgba(255,255,255,0.12),0_10px_18px_rgba(0,0,0,0.25)]
            flex items-center justify-center
            active:scale-[0.98]
            transition
          "
        >
          <span
            className="
              text-[#ffb100]
              font-black
              text-[24px] sm:text-[28px]
              tracking-widest
              drop-shadow-[0_3px_0_rgba(0,0,0,0.4)]
            "
          >
            PARTNER
          </span>
        </a>

        {/* LIVE CHAT BUTTON */}
        <a
          href="#"
          className="
            flex-1 h-[52px]
            rounded-full
            bg-gradient-to-b from-[#0c6f74] to-[#07585c]
            border border-white/10
            shadow-[inset_0_2px_0_rgba(255,255,255,0.12),0_10px_18px_rgba(0,0,0,0.25)]
            flex items-center justify-center gap-3
            active:scale-[0.98]
            transition
          "
        >
          {/* ICON BUBBLE */}
          <div
            className="
              w-[30px] h-[30px]
              rounded-full
              bg-gradient-to-b from-[#ffd84d] to-[#ffb100]
              shadow-[0_8px_14px_rgba(0,0,0,0.25),inset_0_2px_0_rgba(255,255,255,0.35)]
              flex items-center justify-center
            "
          >
            <MessageCircle size={16} className="text-[#0b3a3f]" />
          </div>

          <span
            className="
              text-[#ffb100]
              font-black
              text-[22px] sm:text-[26px]
              tracking-wide
              drop-shadow-[0_3px_0_rgba(0,0,0,0.4)]
            "
          >
            Live Chat
          </span>
        </a>

      </div>
    </div>
  );
}