.order-result {
    position: relative;
    background: #F0F0F0;
    border-radius: 4px;
    overflow: hidden;
}
.order-result__bg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 1;
}
.order-result__bg-img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-position: center center;
    object-fit: cover;
}
.order-result__content {
    position: relative;
    z-index: 3;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-bottom: 80%;
}
.order-result__title {
    color: #017AAA;
    font-family: "Roboto Condensed";
    font-size: 28px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 15px;
}
.order-result__text {
    color: #404040;
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    max-width: 370px;
    margin-top: 15px;
}

.order-result__code {
    background: #fff;
    display: inline-block;
    text-align: center;
    padding: 12px 28px;
    border-radius: 4px;
    color: #017AAA;
    font-family: "Roboto Condensed";
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    margin-top: 10px;
    width: 100%;
}
.order-result__btn {
    margin-top: 20px;
    min-width: 100%;
    height: 55px;
    position: relative;
    font-size: 16px;
    font-weight: normal;
}
.order-result__btn_icon_user:before {
    content: "";
    width: 13px;
    height: 16px;
    margin-right: 10px;
    filter: brightness(0) invert(100);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuNTIwMTQgNC42ODA0NkMyLjUyMDE0IDYuODE1MjkgNC4yMjAxNCA4LjUzNTAyIDYuMzMwNDcgOC41MzUwMkM4LjQ0MDgxIDguNTM1MDIgMTAuMTQwOCA2LjgxNTI5IDEwLjE0MDggNC42ODA0NkMxMC4xNDA4IDIuNTQ1NjIgOC40NDA4MSAwLjgyNTg5NyA2LjMzMDQ3IDAuODI1ODk3QzQuMjIwMTQgMC44MjU4OTcgMi41MjAxNCAyLjU0NTYyIDIuNTIwMTQgNC42ODA0NlpNMy42OTI1NSA0LjY4MDQ2QzMuNjkyNTUgMy4xOTc5MyA0Ljg2NDk2IDIuMDExOTIgNi4zMzA0NyAyLjAxMTkyQzcuNzk1OTkgMi4wMTE5MiA4Ljk2ODQgMy4xOTc5MyA4Ljk2ODQgNC42ODA0NkM4Ljk2ODQgNi4xNjI5OCA3Ljc5NTk5IDcuMzQ5IDYuMzMwNDcgNy4zNDlDNC44NjQ5NiA3LjM0OSAzLjY5MjU1IDYuMTYyOTggMy42OTI1NSA0LjY4MDQ2Wk0xLjE3MjI5IDE1Ljc3OTZWMTMuMjE5OUMxLjE3MjI5IDExLjYxODggMy41NzU4OCAxMC4yNTQ5IDYuNDQ4MjUgMTAuMjU0OUM5LjMyMDYzIDEwLjI1NDkgMTEuNzI0MiAxMS42MTg4IDExLjcyNDIgMTMuMjE5OVYxNS43Nzk2QzExLjcyNDIgMTYuMDczNSAxMi44OTY1IDE2LjA3MzUgMTIuODk2NSAxNS43Nzk2VjEzLjIxOTlDMTIuODk2NSAxMC44Nzc1IDEwLjA1MzUgOS4wNjg5NiA2LjQ0ODI1IDkuMDY4OTZDMi44NDMwNCA5LjA2ODk2IDAgMTAuODc3NSAwIDEzLjIxOTlWMTUuNzc5NkMwIDE2LjA3MzUgMS4xNzIyOSAxNi4wNzM1IDEuMTcyMjkgMTUuNzc5NloiIGZpbGw9ImJsYWNrIi8+PC9zdmc+");
}
.order-result__btn_icon_list:before {
    content: "";
    width: 22px;
    height: 16px;
    margin-right: 10px;
    transition: filter 0.3s ease;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC4xMjUgNC44MTI1QzQuODg0MzkgNC44MTI1IDUuNSA0LjE5Njg5IDUuNSAzLjQzNzVDNS41IDIuNjc4MTEgNC44ODQzOSAyLjA2MjUgNC4xMjUgMi4wNjI1QzMuMzY1NjEgMi4wNjI1IDIuNzUgMi42NzgxMSAyLjc1IDMuNDM3NUMyLjc1IDQuMTk2ODkgMy4zNjU2MSA0LjgxMjUgNC4xMjUgNC44MTI1WiIgZmlsbD0iIzAxN0FBQSIvPjxwYXRoIGQ9Ik00LjEyNSA4LjkzNzVDNC44ODQzOSA4LjkzNzUgNS41IDguMzIxODkgNS41IDcuNTYyNUM1LjUgNi44MDMxMSA0Ljg4NDM5IDYuMTg3NSA0LjEyNSA2LjE4NzVDMy4zNjU2MSA2LjE4NzUgMi43NSA2LjgwMzExIDIuNzUgNy41NjI1QzIuNzUgOC4zMjE4OSAzLjM2NTYxIDguOTM3NSA0LjEyNSA4LjkzNzVaIiBmaWxsPSIjMDE3QUFBIi8+PHBhdGggZD0iTTQuMTI1IDEzLjA2MjVDNC44ODQzOSAxMy4wNjI1IDUuNSAxMi40NDY5IDUuNSAxMS42ODc1QzUuNSAxMC45MjgxIDQuODg0MzkgMTAuMzEyNSA0LjEyNSAxMC4zMTI1QzMuMzY1NjEgMTAuMzEyNSAyLjc1IDEwLjkyODEgMi43NSAxMS42ODc1QzIuNzUgMTIuNDQ2OSAzLjM2NTYxIDEzLjA2MjUgNC4xMjUgMTMuMDYyNVoiIGZpbGw9IiMwMTdBQUEiLz48cGF0aCBkPSJNMTguNTYyNSA0LjEyNUg4LjkzNzVDOC41NTI1IDQuMTI1IDguMjUgMy44MjI1IDguMjUgMy40Mzc1QzguMjUgMy4wNTI1IDguNTUyNSAyLjc1IDguOTM3NSAyLjc1SDE4LjU2MjVDMTguOTQ3NSAyLjc1IDE5LjI1IDMuMDUyNSAxOS4yNSAzLjQzNzVDMTkuMjUgMy44MjI1IDE4Ljk0NzUgNC4xMjUgMTguNTYyNSA0LjEyNVpNMTguNTYyNSA4LjI1SDguOTM3NUM4LjU1MjUgOC4yNSA4LjI1IDcuOTQ3NSA4LjI1IDcuNTYyNUM4LjI1IDcuMTc3NSA4LjU1MjUgNi44NzUgOC45Mzc1IDYuODc1SDE4LjU2MjVDMTguOTQ3NSA2Ljg3NSAxOS4yNSA3LjE3NzUgMTkuMjUgNy41NjI1QzE5LjI1IDcuOTQ3NSAxOC45NDc1IDguMjUgMTguNTYyNSA4LjI1Wk0xOC41NjI1IDEyLjM3NUg4LjkzNzVDOC41NTI1IDEyLjM3NSA4LjI1IDEyLjA3MjUgOC4yNSAxMS42ODc1QzguMjUgMTEuMzAyNSA4LjU1MjUgMTEgOC45Mzc1IDExSDE4LjU2MjVDMTguOTQ3NSAxMSAxOS4yNSAxMS4zMDI1IDE5LjI1IDExLjY4NzVDMTkuMjUgMTIuMDcyNSAxOC45NDc1IDEyLjM3NSAxOC41NjI1IDEyLjM3NVoiIGZpbGw9IiMwMTdBQUEiLz48L3N2Zz4=");
}
.order-result__btn.btn-empty {
    color: #008ABD !important;
}

@media screen and (max-width: 767px) {
    .order-result__bg {
        bottom: 0;
        padding-bottom: 72%;
    }
}
@media screen and (min-width: 768px) {
    .order-result__bg {
        top: 0;
        height: 100%;
    }
    .order-result__bg-img {
        width: auto;
        max-width: 60%;
        object-position: left center;
    }
    .order-result__content {
        padding: 40px 50% 40px 40px;
    }
    .order-result__title {
        font-size: 30px;
    }
    .order-result__code {
        width: auto;
        text-align: left;
    }
    .order-result__btn {
        min-width: 250px;
    }
}
@media screen and (min-width: 1200px) {
    .order-result__bg-img {
        max-width: 67%;
    }
    .order-result__content {
        padding: 60px 50% 60px 80px;
        min-height: 515px;
    }
    .order-result__title {
        font-size: 36px;
    }
}