export function SwissGridButton() {
  return (
    <div className="bg-[#FAFAF8] p-12 grid place-items-center">
      <button
        type="button"
        className="group grid grid-cols-[auto_1fr_auto] items-center gap-6 px-6 py-3 bg-[#FAFAF8] text-[#111111] border-t border-b border-[#111111] hover:bg-[#111111] hover:text-[#FAFAF8] transition-colors"
      >
        <span
          className="text-[10px] uppercase tracking-[0.2em] text-current"
          style={{ fontFamily: "ui-monospace, monospace" }}
        >
          024
        </span>
        <span className="text-[14px] font-medium uppercase tracking-[0.12em]">
          Acquire press kit
        </span>
        <span
          className="text-[10px] uppercase tracking-[0.2em] opacity-60 group-hover:opacity-100 transition-opacity"
          style={{ fontFamily: "ui-monospace, monospace" }}
        >
          PDF · 2.4mb
        </span>
      </button>
    </div>
  );
}
Swiss Grid Button
