export function StampPressButton() {
  return (
    <div
      className="p-12 grid place-items-center"
      style={{ background: "#f4eee0" }}
    >
      <style>{`
        .stamp-btn {
          position: relative;
          transform: rotate(-3deg);
          transition: transform .12s ease, filter .15s ease;
          font-family: var(--font-instrument-serif), serif;
          letter-spacing: 0.05em;
        }
        .stamp-btn::before {
          content: "";
          position: absolute;
          inset: 6px;
          border: 1.5px solid currentColor;
          opacity: 0.65;
          pointer-events: none;
        }
        .stamp-btn::after {
          content: "";
          position: absolute;
          inset: 0;
          background-image:
            radial-gradient(circle at 20% 30%, rgba(160,0,0,0.18) 1px, transparent 2px),
            radial-gradient(circle at 70% 60%, rgba(160,0,0,0.12) 1px, transparent 2px),
            radial-gradient(circle at 40% 80%, rgba(160,0,0,0.15) 1px, transparent 2px);
          background-size: 8px 8px, 11px 11px, 13px 13px;
          mix-blend-mode: multiply;
          opacity: 0.5;
          pointer-events: none;
        }
        .stamp-btn:hover { transform: rotate(0deg) scale(1.04); }
        .stamp-btn:active {
          transform: rotate(0deg) scale(.96);
          filter: brightness(1.1) blur(0.3px);
        }
      `}</style>
      <button
        type="button"
        className="stamp-btn px-8 py-4 text-[18px] font-semibold uppercase"
        style={{
          color: "#aa1f1f",
          background: "transparent",
          border: "3px double #aa1f1f",
        }}
      >
        Approved
      </button>
    </div>
  );
}
Ink Stamp Button
