Hover and Click an element within the hovered item

I am trying to hover an element and click the element from the hovered element to redirect me to the different page. But when I use hover selector, I can only hover the element but can't click it as it gives me element not found error.

Following is my code:
```
{
"id": "Faethm",
"viewports": [
{
"label": "Desktop",
"width": 1440,
"height": 1015
}
],
"onBeforeScript": "puppet/onBefore.js",
"onReadyScript": "puppet/onReady.js",
"scenarios": [
{
"label": "Faethm Key Jobs Impact Addition",
"cookiePath": "backstop_data/engine_scripts/cookies.json",
"url": "https://dev2-platform.faethm.ai/faethm",
"referenceUrl": "https://dev2-platform.ai/faethm",
"readyEvent": "",
"keyPressSelectors": [
{
"selector": "input[placeholder='Email']",
"keyPress": "bijanet@faethm.ai"
},
{
"selector": "input[placeholder='Password']",
"keyPress": "Th13v!"
}
],
"hideSelectors": [ ],
"removeSelectors": [],
"clickSelector": [
"button[type='submit']",
".ant-tree-title"

],
"readySelector": "",
"delay": 2000,
"hoverSelector": ["div.sc-epnACN:nth-child(3) > div:nth-child(1)"
],
"postInteractionWait": 20000,
"selectors": [],
"selectorExpansion": true,
"expect": 0,
"misMatchThreshold": 0.5,
"requireSameDimensions": true
}
],
"paths": {
"bitmaps_reference": "backstop_data/bitmaps_reference",
"bitmaps_test": "backstop_data/bitmaps_test",
"engine_scripts": "backstop_data/engine_scripts",
"html_report": "backstop_data/html_report",
"ci_report": "backstop_data/ci_report"
},
"report": [
"browser"
],
"engine": "puppeteer",
"engineOptions": {
"args": [
"--no-sandbox"
]
},
"asyncCaptureLimit": 5,
"asyncCompareLimit": 50,
"debug": true,
"debugWindow": true
}

```