.browser-compatibility {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    width: 536px;
    padding: 37px 88px 48px 88px;
}

@supports (backdrop-filter: blur(10px)) {
    .browser-compatibility__modal {
        background: transparent;
        backdrop-filter: blur(10px);
    }
}

.browser-compatibility .uk-modal-close-default {
    cursor: pointer;
}

.browser-compatibility__logo {
    margin-bottom: 6px;
}

.browser-compatibility__text h2 {
    margin-bottom: 15px;
}

.browser-compatibility__text {
    margin-bottom: 32px;
}

.browser-compatibility__buttons {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

.browser-compatibility__buttons a:hover {
    text-decoration: none;
    color: var(--design-sys-sec-color__white);
}

.browser-compatibility__dont-show {
    color: var(--design-sys-sec-color__grey--5);
    cursor: pointer;
}

@media (max-width: 580px) {
    .browser-compatibility__modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        padding: 0;
        z-index: 10002;
    }

    .browser-compatibility {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: white;
        border: 1px solid var(--design-sys-sec-color__grey--8);
        border-radius: 8px 8px 0 0;
        padding: 37px 16px 32px 16px;
    }

    .browser-compatibility__buttons {
        width: 100%;
    }

    .browser-compatibility__buttons button,
    .browser-compatibility__buttons a {
        width: 50%;
        text-align: center;
    }
}