kxip-app/src/app/quiz/mcq/mcq.component.scss

@import '../../colors';

h3 {
    color: white;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 1.5;
}

.options {
    margin: 30px auto;

    button {
        border: 3px solid rgba($sea-blue, 0.3);
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 50px;
        color: white;
        font-size: 1.1rem;
        border-radius: 10px;
        background-color: transparent;
        margin: 15px 0;
        width: 100%;
        padding: 0 15px;
    }

    ion-checkbox {
        --background: transparent;
        --border-color: #2ea9f586;
        --border-width: 2px;
        --border-color-checked: var(--ion-color-primary);
        --background-checked: var(--ion-color-primary);
        --size: 25px;
        --checkmark-width: 2px;
        --checkmark-color: white;
        pointer-events: none;
    }
}