.options .btn {
    min-width: calc(33% - 16px);
    max-width: calc(33% - 16px);
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.options .btn p {
    width: 100%;
    overflow-wrap: break-word;
    margin-top: 10px;
}

.options .btn img {
    width: 100%;
    height: auto;
}

.options.answered .correct_option::before {
    border-color: var(--green) !important;
    background-color: var(--transp_green) !important;
    box-shadow: 0 4px 0 var(--green) !important;
}

.options.answered .wrong_answered::before {
    border-color: var(--red) !important;
    background-color: var(--transp_red) !important;
    box-shadow: 0 4px 0 var(--red) !important;
}

.timer {
    background-color: var(--progress);
}

@media (max-width: 600px) {
    .options {
        flex-wrap: wrap;
        gap: 24px;
        justify-content: center;
    }
    .options .btn {
        padding: 15px;
        min-width: calc(50% - 12px);
        max-width: calc(50% - 12px);
    }

    .options .btn:first-child {
        max-width: 100%;
    }
}