.search {
    position: relative;
    width: 100%;
}

.search__input {
    height: 53px;
    width: 100%;
    transition: opacity .2s ease-in-out, height .2s ease-in-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
}

.search__input:focus {
    box-shadow: 0 7px 39px rgba(0, 0, 0, 0.17), 0 0 0 1px #572F8E;
}

.search__submit {
    width: 53px;
    height: 53px;
    position: absolute;
    top: 0;
    right: 0;
    background: transparent url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 17A8 8 0 109 1a8 8 0 000 16zM19 19l-4.35-4.35' stroke='%23463B3F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    border-radius: 50%;
    border: 0;
    box-shadow: none;
    transition: margin-right .2s ease-in-out, height .2s ease-in-out;
}

.global_background-dark .search__submit {
    background: transparent url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 17A8 8 0 109 1a8 8 0 000 16zM19 19l-4.35-4.35' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
}

.global_background-dark .search_open .search__submit {
    background: transparent url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 17A8 8 0 109 1a8 8 0 000 16zM19 19l-4.35-4.35' stroke='%23463B3F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
}

@media (min-width: 869px) {
    .search {

    }

    .search__input {
        height: 36px;
        padding: 0 36px 0 21px;
        font-size: 14px;
        line-height: 140%;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

    .search__submit {
        width: 36px;
        height: 36px;
    }
}