Input type checked in checkbox to transform using CSS

I have an input type with content ">" , shown in below pic, clicking on which a row of a table expands.

I have used input type "checkbox" which when checked, I want to transform the ">" to rotate by 90 degrees. Below is the code,

input:checked + .tab-label::after {
            transform: rotate(90deg);
        }

However, the rotate doesnt happen even. I have tried multiple things but havent been able to figure out where I have made a mistake. Note that I cant use javascript as per my requiremnt. Please help.

here is the fiddle with entire code: https://jsfiddle.net/g8nmu09d/1/