Border Beam Button

/* Add to globals.css:
@keyframes border-beam { to { offset-distance: 100%; } }
*/
export function BorderBeamButton() {
  return (
    <button
      type="button"
      className="relative rounded-lg border border-neutral-700 bg-neutral-900 px-6 py-3 text-sm font-semibold text-neutral-50"
    >
      <span
        aria-hidden="true"
        className="absolute size-2 rounded-full bg-amber-500 shadow-[0_0_8px_2px_rgba(245,158,11,0.5)] motion-safe:[animation:border-beam_4s_linear_infinite]"
        style={{ offsetPath: "rect(0 100% 100% 0 round 0.5rem)" }}
      />
      Border beam
    </button>
  );
}