{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "backgroundColor": "{colors.primary}",
  "rounded": "{rounded.none}",
  "hover": {
    "outline": "{ring.focus}",
    "outlineColor": "{colors.ring}"
  },
  "focus": {
    "outline": "{ring.focus}",
    "outlineColor": "{colors.ring}"
  }
}