export default function Buttons() {
    return (
        <>
            <div className="pd-button-group my-5 gap-2 grid grid-cols-2 text-18 font-500">
                <button
                    type="button"
                    className="col-span-2 uppercase rounded-[12px] text-white h-[52px] border border-[#FFD83E] bg-[linear-gradient(148.21deg,#FFD83E_-14.02%,#FF4E2A_70.14%)]"
                    aria-label="Mua sản phẩm"
                >
                    {" "}
                    Mua ngay{" "}
                </button>
                <button
                    type="button"
                    className="col-span-1 flex items-center justify-center uppercase rounded-[12px] text-white h-[52px] border border-[#259AFF] bg-[linear-gradient(165.29deg,#259AFF_8.53%,#114CDD_93.19%)]"
                    aria-label="Mua sản phẩm"
                >
                    <i className="icons icon-cart !w-[22px] !h-[22px] mr-[6px]" />
                    <span> Thêm vào giỏ </span>
                </button>
                <button
                    type="button"
                    className="col-span-1 flex items-center justify-center uppercase rounded-[12px] text-white h-[52px] border border-[#259AFF] bg-[linear-gradient(165.29deg,#259AFF_8.53%,#114CDD_93.19%)]"
                    aria-label="Mua sản phẩm"
                >
                    <i className="icons icon-card w-[22px] h-[22px] mr-[6px]" />
                    <span> Mua trả góp </span>
                </button>
            </div>
        </>
    )
}