cursor pointer neden çalışmaz

merhaba
cursor pointer çalışmıyor hiç bir şekilde neden çalışamz ki bu

<div class="optin_list">
    <div class="option">
        <span>a: Nude.js</span>
        <div class="icon"><i class="fas fa-check"></i></div>
    </div>
    <div class="option">
        <span>a: Typescript </span>
        <div class="icon"><i class="fas fa-check"></i></div>
    </div>
    <div class="option correct">
        <span>a: Npm</span>
        <div class="icon"><i class="fas fa-times"></i></div>
    </div>
    <div class="option incorrect">
        <span>a: Nudget</span>
        <div class="icon"><i class="fas fa-times"></i></div>
    </div>
</div>

.quiz_box .optin_list .option {
border: 1px solid #151D38;
    border-radius: 5px;
    padding: 8px 15px;
    font-size: 16px;
    margin-bottom: 10px;
    cursor: pointer;
}

<div class="optinList">
    <div class="option">
        <span>a: Nude.js</span>
        <div class="icon"><i class="fas fa-check"></i></div>
    </div>
    <div class="option">
        <span>a: Typescript </span>
        <div class="icon"><i class="fas fa-check"></i></div>
    </div>
    <div class="option correct">
        <span>a: Npm</span>
        <div class="icon"><i class="fas fa-times"></i></div>
    </div>
    <div class="option incorrect">
        <span>a: Nudget</span>
        <div class="icon"><i class="fas fa-times"></i></div>
    </div>
</div>

.optinList .option {
border: 1px solid #151D38;
    border-radius: 5px;
    padding: 8px 15px;
    font-size: 16px;
    margin-bottom: 10px;
    cursor: pointer;
}

quizbox bir üst clası zaten aynı yere ulaşıyor ama cursor çalışmıor

codepen'da baktığımda verdiğiniz kodlarda style hiç basmıyordu.

spanları işaret ederek denediniz mi?

Verdiğiniz kodları codepen'e atınca çalışıyor başka bir satırda tekrar değiştirmiş olabilirsiniz !important vermeyi deneyin.