@media (max-width: 1700px) {
    .cookies-popup > .cookies-text > p {
        max-width: 45ch;
    }
}
@media (max-width: 1440px) {
    .cookies-popup > .cookies-text > p {
        max-width: 30ch;
    }
}
@media (max-width: 1024px) {
    .cookies-popup {
        flex-wrap: wrap;
    }
    .cookies-popup > .cookies-text {
        flex-basis: 100%;
        max-width: unset;
    }
}
@media (max-width: 450px) {
    .cookies-popup {
        display: none;
        position: static;
    }
    .cookies-popup-mobile {
        display: none;
        position: fixed;
        inset-block-end: 10px;
        inset-inline: 10px;
        z-index: 9999;
        flex-direction: column;
        gap: 20px;
        padding-block: 52px 26px;
        padding-inline: 38px;
        border-radius: 20px;
        border: 1px solid #D9DBE9;
        box-shadow: 0 5px 14px 0 rgba(8, 15, 52, 0.04);
        align-items: center;
        background: #fff;
        transition: opacity 200ms ease;
    }
    .cookies-popup-mobile > .cookies-text {
        display: flex;
        flex-direction: column;
        gap: 20px;
        font-size: 1rem;
        line-height: 1.125rem;
    }
    .cookies-popup-mobile > .cookies-text > p {
        margin: 0;
        font-family: Bariol, sans-serif;
        font-size: inherit;
        line-height: inherit;
    }
    .cookies-popup-mobile > .cookies-text > p:nth-of-type(1) {
        color: #170F49;
    }
    .cookies-popup-mobile > .cookies-text > p:nth-of-type(2) {
        color: #6F6C90;
    }
    .cookies-popup-mobile > .cookies-text > p > a {
        color: #4BD3EF;
        text-decoration: none;
        cursor: pointer;
    }
    .cookies-popup-mobile > .cookies-buttons {
        display: flex;
        gap: 15px;
        align-items: center;
    }
    .cookies-popup-mobile > .cookies-buttons > button {
        padding: 18px 26px;
        border-radius: 56px;
        font-size: 1rem;
        line-height: 1.125rem;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: scale 200ms linear;
        font-family: Bariol, sans-serif;
    }
    .cookies-popup-mobile > .cookies-buttons > button:hover {
        scale: 1.1;
    }
    .cookies-popup-mobile > .cookies-buttons > button:nth-of-type(1) {
        background: #4BD3EF;
        color: #FFF;
        border: none;
        box-shadow: 0 3px 12px 0 rgba(74, 58, 255, 0.18);
    }
    .cookies-popup-mobile > .cookies-buttons > button:nth-of-type(2) {
        color: #170F49;
        border: 1px solid #EFF0F6;
        background: #fff;
        box-shadow: 0 4px 8px 0 rgba(74, 58, 255, 0.08);
    }
}