export function Depth3DButton() {
  return (
    <div className="bg-[#FAFAF8] p-12 grid place-items-center">
      <style>{`
        .d3-btn {
          position: relative;
          transition: transform .12s ease, box-shadow .12s ease;
        }
        .d3-btn:hover { transform: translateY(-1px); }
        .d3-btn:active {
          transform: translateY(4px);
          box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.3),
            0 1px 0 #2a1e0d,
            0 2px 0 #2a1e0d;
        }
      `}</style>
      <button
        type="button"
        className="d3-btn px-7 py-3 rounded-lg text-[14px] font-semibold text-white"
        style={{
          background: "linear-gradient(180deg, #f59e0b 0%, #d97706 100%)",
          border: "1px solid #92400e",
          boxShadow:
            "inset 0 1px 0 rgba(255,255,255,0.45), 0 1px 0 #92400e, 0 2px 0 #78350f, 0 3px 0 #78350f, 0 4px 0 #5c2a08, 0 5px 0 #5c2a08, 0 6px 0 #451f06, 0 8px 16px -4px rgba(124,45,18,0.5)",
            textShadow: "0 1px 0 rgba(0,0,0,0.25)",
        }}
      >
        Press to launch
      </button>
    </div>
  );
}
3D Press Button
