Borders, Radius & Shadows

<!-- Card -->
<article class="rounded-2xl border border-slate-200 bg-white p-6 shadow-sm
  hover:shadow-md transition-shadow">

<!-- Pill badge -->
<span class="rounded-full bg-cyan-100 px-3 py-1 text-xs font-semibold text-cyan-700">

<!-- Button -->
<button class="rounded-xl bg-cyan-500 px-4 py-2 font-semibold text-white
  shadow-lg shadow-cyan-500/25 hover:bg-cyan-600 active:scale-95 transition">