Адаптивная svg в фоне + z-index + bxslider. Как все подружить?

Question

[Igor Korn]

Новичок в данном деле и спросить не у кого, кроме как у вас.
Ситуация:

<div class="slider_gallery">
                <div class="slide">
                <div class="view_btn"></div>
                    <div class="pattern">
                        <img src="pattern_gallery/pattern_1.png" />
                    </div>
                </div>

.slide{
}

.pattern{
}

.view_btn{
    width: 117px;
    height: 45px;
    background: url(../img/view.svg);  /* Крсная плащка "Просмотреть"*/
    position: relative;
    float: right;
}

Вопрос: надо чтоб красная плашка была поверх плашки с серым рисунком, была адаптивной и позиционировалась точно по отношению к серой плашке, при изменении размера, как здесь:

Заранее спасибо.