"use client";

import Link from "next/link";

type Props = {
  href: string;
};

export default function CountdownButton({ href }: Props) {
  return (
    <Link
      href={href}
      className="inline-flex min-w-[102px] h-[20.28px] items-center justify-center rounded-full bg-[#B89056] px-4 text-center text-[6px] font-semibold uppercase tracking-[0.01em] text-white shadow-[0_10px_30px_rgba(168,132,82,0.16)] transition-transform duration-200 hover:scale-[1.02] sm:min-w-[132px] sm:h-[46px] sm:px-5 sm:text-[10px] md:min-w-[146px] md:h-[46px] md:px-6 md:text-[11px] lg:min-w-[160px] lg:h-[46px] lg:px-7 lg:text-[11px] min-[1440px]:min-w-[146px] min-[1440px]:h-[46px] min-[1440px]:px-6"
    >
      Go home
    </Link>
  );
}