export function BrutalistBlockButton() {
  return (
    <div className="bg-[#FAFAF8] p-12 grid place-items-center">
      <button
        type="button"
        className="px-7 py-3 bg-[#FAFAF8] text-[#111111] text-[14px] font-bold uppercase tracking-wider border-[3px] border-[#111111] transition-all hover:bg-[#111111] hover:text-[#FAFAF8] active:translate-x-[2px] active:translate-y-[2px]"
        style={{
          fontFamily: "ui-monospace, 'SF Mono', monospace",
          boxShadow: "4px 4px 0 #111111",
        }}
      >
        Punch · Don&apos;t whisper
      </button>
    </div>
  );
}
Brutalist Block Button
