브랜드 색 띠 위 가운데 정렬 전화 예약 CTA

export default function CallCta() {
  return (
    <section id="contact" className="w-full break-keep bg-[#1a77bf] py-14 text-white md:py-24">
      <div className="mx-auto w-full max-w-[1120px] px-5 text-center md:px-10">
        <h2 className="mx-auto max-w-[880px] text-[28px] leading-[1.25] font-bold tracking-[-0.025em] md:text-[40px]">무릎이 불편하시면 지금 전화 주세요</h2>
        <p className="mx-auto mt-4 max-w-[880px] text-[17px] leading-[1.7] opacity-80 md:text-[19px]">편한 시간을 말씀해 주시면 예약을 도와 드릴게요.</p>
        <div className="mt-9 flex flex-wrap justify-center gap-3">
          <a href="#contact" className="inline-flex h-14 items-center justify-center rounded-[28px] bg-white px-7 text-[17px] font-semibold text-[#1a77bf] transition hover:bg-white/90">
            전화로 예약하기
          </a>
          <a href="#location" className="inline-flex h-14 items-center justify-center rounded-[28px] px-7 text-[17px] font-semibold text-white shadow-[inset_0_0_0_1.5px_currentColor] transition hover:bg-white/10">
            오시는 길 보기
          </a>
        </div>
      </div>
    </section>
  );
}