{
  "base": {
    "style": {
      "backgroundColor": "var(--callToAction)",
      "color": "var(--contextBackground)"
    }
  },
  "variants": [
    {
      "pseudo": "hover",
      "style": {
        "backgroundColor": "color-mix(in srgb, var(--contextBackground) 15%, var(--callToAction) 85%)"
      }
    }
  ]
}