#age_restriction_modal {
    pointer-events: none;
}

.age-restriction-active .modal-backdrop {
    opacity: .95;
}

#age_restriction_modal .modal-content {
    pointer-events: all;
}

#age_restriction_modal .modal-dialog {
    width: 600px;
    align-items: start;
}

#age_restriction_modal .modal-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
}

#age_restriction_modal .img-wrapper {
    max-width: 200px;
}

#age_restriction_modal .img-wrapper,
#age_restriction_modal .description,
#age_restriction_modal .warning-message {
    margin-bottom: 20px;
}

#age_restriction_modal .description,
#age_restriction_modal .warning-message {
    text-align: center;
}

@media (max-width: 576px) {
    #age_restriction_modal .modal-dialog {
        width: 100%;
        padding: 0 10px;
        align-items: center;
    }

    #age_restriction_modal .modal-body {
        padding: 20px;
    }

    #age_restriction_modal .modal-content {
        height: fit-content;
        border-radius: 5px;
    }

    #age_restriction_modal .btn-wrapper {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    #age_restriction_modal .btn-wrapper .btn {
        width: calc(50% - 5px);
        min-width: unset;
    }

}