The design a selection feature project, step 13 and 14 isn't passing, despite having the correct syntax

HTML-CSS
1

input[type=“checkbox”]{

appearance: none;

border: 3px solid #cc6699;

width: 25px;

height: 25px;

border-radius: 5px;

cursor: pointer;

background-color: white;

vertical-align:bottom;

margin: 5px 0;



 transition: background-color .2s, border-color .2s;

}

input[type=“checkbox”]:checked{

background-color: green !important;

border-color: green !important;

}

input[type=“checkbox”]:checked::after{

content: "✓";

display: block;

text-align: center;

font-weight: bold;

line-height: 20px;

color: green;

background-color: #fff;

}

2

when you use transition things change after the tests check the page making the tests see the wrong thing