{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "rounded": "{rounded.none}",
    "typography": "{typography.ui}",
    "height": "{spacing.9}",
    "paddingX": "{spacing.4.5}",
    "paddingY": "{spacing.2.5}",
    "display": "inline-flex",
    "width": "max",
    "alignItems": "center",
    "justifyContent": "center",
    "icon": {
      "size": "{spacing.3}"
    },
    "hover": {
      "backgroundColor": "{colors.muted}"
    },
    "focus": {
      "backgroundColor": "{colors.muted}"
    },
    "open": {
      "backgroundColor": "{colors.muted/50}"
    }
  },
  "variants": {},
  "defaults": {}
}