---
interface Props {
  text: string;
}

const { text } = Astro.props;
---

<span class="inline-flex items-center px-3 py-1 rounded-full border border-text/20 bg-white/50 backdrop-blur-sm text-[10px] uppercase tracking-[0.2em] text-text/60 font-mono">
  {text}
</span>