export function MonoPillButton() {
  return (
    <div className="bg-[#FAFAF8] p-12 grid place-items-center">
      <button
        type="button"
        className="inline-flex items-center gap-2 px-4 py-2 rounded-full border border-[#1111111A] bg-[#FAFAF8] text-[11px] uppercase tracking-[0.16em] text-[#111111] hover:border-[#111111] transition-colors"
        style={{ fontFamily: "ui-monospace, 'SF Mono', Menlo, monospace" }}
      >
        <span className="w-1.5 h-1.5 rounded-full bg-[#2A3D2F]" />
        Subscribe to journal
      </button>
    </div>
  );
}
Mono Pill Button
