.site-question {
    color: #FFF;
    font-family: 'Dirty Headline', sans-serif;
    background: #0C0C0C;
    padding: 16px 24px 0 24px;
    border: 2px solid #FFF;
}

.question-before-title {
    display: block;
    font-size: 10px;
    color: #818181;
    font-family: 'Nexa Rust Sans', sans-serif;
    padding-bottom: 10px;
}


.question-title {
    display: block;
    font-family: 'Dirty Headline', sans-serif;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    line-height: 117%;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.2px;
}

.site-question-close {
    display: flex;
    justify-content: flex-end;
}

.site-question-close svg {
    cursor: pointer;
}

.option-div {
    font-family: 'Dirty Headline', sans-serif;
    color: #FFF;
    display: flex;
    align-items: center;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
    padding: 10px;
    margin: 6px 0;
    text-align: left;
    outline: none;
    border: 2px solid #FFF;
    background: #131417;
    border: none;
    cursor: pointer;
}

.option-div:disabled {
    color: #000000;
    cursor: not-allowed;
}

.option-div input {
    margin: 0 8px 1px 0px;
}

.option-div input[type="checkbox"]:checked {
    border-color: #E2B10A;
}

.option-div input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-content: center;
    justify-content: center;
    font-weight: 400;
    font-size: 8px;
    padding: 1px;
    border: 2px solid #FFF;
    border-radius: 3px;
}

.option-div input[type="checkbox"]::before {
    content: "";
    width: 7px;
    height: 7px;
    clip-path: polygon(2% 60%, 18% 44%, 35% 60%, 83% 11%, 100% 27%, 35% 93%, 2% 60%);
    transform: scale(0);
    background-color: #E2B10A;
    margin: 0 0 1px 1px;
}

.option-div input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.option-div input[type="radio"]:checked {
    border-color: #E2B10A;
}

.option-div input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-content: center;
    justify-content: center;
    font-weight: 400;
    font-size: 8px;
    padding: 1px;
    border: 2px solid #FFF;
    border-radius: 3rem;    
}

.option-div input[type="radio"]::before {
    content: "";
    width: 7px;
    height: 7px;
    clip-path: circle(32%);
    transform: scale(0);
    background-color: #E2B10A;
    margin: 0 0 1px 1px;
}

.option-div input[type="radio"]:checked::before {
    transform: scale(1);
}

.submit-site-question-button-container {
    display: flex;
    /* justify-content: flex-end; */
    justify-content: flex-start;
}

.submit-site-question-button {
    font-size: 20px;
    font-family: 'Dirty Headline', sans-serif;
    line-height: 117%;
    margin: 10px 0 20px 0;
    background-color: #E2B10A;
    color: #0C0C0C;
    padding: 8px 16px 4px 16px;
    float: right;
    border: none;
    cursor: pointer;
    height: 48px;
}
.correct {
    color: #E2B10A;
    border-color: #E2B10A;
}