{
    "$schema": "https://schemas.wp.org/trunk/theme.json",
    "version": 3,
    "title": "White-outline with arrow",
    "slug": "white-outline-with-arrow",
    "blockTypes": [
      "core/button"
    ],
    "styles": {
      "css": "width: fit-content; position: relative; padding-right: 45px !important; &::after { content: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 13L13 3M13 3H5M13 3V11' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\"); position: absolute; right: 18px; top: 50%; transform: translateY(-50%); margin-left: 8px; }",
      "typography": {
        "fontSize": "16px",
        "textTransform": "capitalize",
        "fontWeight": "700"
      },
      "border": {
        "color": "var:preset|color|white",
        "style": "solid",
        "width": "2px",
        "radius": "30px"
      },
      "color": {
        "background": "transparent",
        "text": "var:preset|color|white"
      }
    }
  }