{
  "extractedAt": "2026-05-08T03:56:19.803Z",
  "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
  "figmaName": "Light/filled btn",
  "nodeId": "1497:37098",
  "type": "COMPONENT_SET",
  "pageId": "851:44542",
  "pageName": "Research on “Color”",
  "description": "",
  "key": "a25edcc55bc37f969ff20e1eee6c7f1bacc71112",
  "variants": [
    {
      "id": "1497:37099",
      "name": "Property 1=enable",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 98,
      "x": 55776,
      "y": 46559,
      "pH": 16,
      "pV": 10,
      "pR": 16,
      "pB": 10,
      "gap": 10,
      "r": 20,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#118536"
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "L1 button",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Helvetica Neue",
        "fontWeight": 500,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f0fff1"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1497:37098",
      "componentPropertyReferences": null
    },
    {
      "id": "1497:37101",
      "name": "Property 1=press",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 98,
      "x": 55776,
      "y": 46731,
      "pH": 16,
      "pV": 10,
      "pR": 16,
      "pB": 10,
      "gap": 10,
      "r": 20,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#1fab46"
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "L1 button",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Helvetica Neue",
        "fontWeight": 500,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f0fff1"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1497:37098",
      "componentPropertyReferences": null
    },
    {
      "id": "1497:37103",
      "name": "Property 1=hover",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 40,
      "w": 98,
      "x": 55776,
      "y": 46645,
      "pH": 16,
      "pV": 10,
      "pR": 16,
      "pB": 10,
      "gap": 10,
      "r": 20,
      "layoutMode": "HORIZONTAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [
        {
          "type": "SOLID",
          "visible": true,
          "opacity": 1,
          "blendMode": "NORMAL",
          "hex": "#1fab46"
        }
      ],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 12,
          "spread": 4,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 5
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.09000000357627869
          }
        },
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 6,
          "spread": null,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 3
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.11999999731779099
          }
        },
        {
          "type": "DROP_SHADOW",
          "visible": true,
          "radius": 2,
          "spread": -2,
          "blendMode": "NORMAL",
          "offset": {
            "x": 0,
            "y": 1
          },
          "color": {
            "hex": "#000000",
            "opacity": 0.1599999964237213
          }
        }
      ],
      "text": {
        "characters": "L1 button",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Helvetica Neue",
        "fontWeight": 500,
        "lineHeightPx": 16,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#f0fff1"
          }
        ],
        "v": null
      },
      "vectorNodeIds": [],
      "description": null,
      "componentSetId": "1497:37098",
      "componentPropertyReferences": null
    }
  ]
}