<div className="pt-6 pl-3 xl:pl-56 xl:pr-56 flex-col lg:flex-row ">
    <div className="pl-2">
        <p className="h4 py-7">Example normal<span className="text-red-600"> button</span></p>
        <a href="#" className="button bg-white">Button</a>
    </div>
    <div className="pl-2 xl:pl-6">
        <p className="h4 py-7">Example small <span className="text-red-600"> button-sm</span></p>
        <a href="#" className="button-sm bg-white">button</a>
    </div>
    <div className="pl-2 xl:pl-6">
        <p className="h4 py-7">Example large <span className="text-red-600"> button-lg</span></p>
        <a href="#" className="button-lg bg-white">Button</a>
    </div>
</div>