Liquid Button

export function LiquidButton() {
  return (
    <button
      type="button"
      className="group relative overflow-hidden rounded-lg border border-amber-500/50 px-6 py-3 text-sm font-semibold"
    >
      <span
        aria-hidden="true"
        className="absolute inset-0 translate-y-full bg-amber-500 transition-transform duration-300 ease-out group-hover:translate-y-0"
      />
      <span className="relative transition-colors duration-300 group-hover:text-neutral-950">
        Hover me
      </span>
    </button>
  );
}