aloky

z-index можно ещё)

<div class="container">
  <div class="row justify-content-between">
    <div class="col-md-auto"></div>
    <div class="col-md-auto"></div>
    <div class="col-md-auto"></div>
  </div>
</div>

1 - Там меняется только bg-img

postition: relative; right: 15px;

В гугл вбей) transform generator online

white-space: nowrap;

можно transform, но легче было бы вам помочь, если вы кинули код

Пример - https://static.hltv.org/images/team/logo/6667

svg иконки используйте.

document.querySelector('.btn-b').addEventListener("click", function(){location.href='file.xlsx'})

И почему вы кнопку создаете div =(

<div class="btn-b" data-fancybox data-animation-duration="700" data-src="#Modal" href="javascript:;">Открыть</div>
<script>
document.querySelector('.btn-b').addEventListener("click", function(){location.href='file.xlsx'})
</script>

.menu { height: 100vh; }
И было бы легче вам помочь, если вы предоставили код.
И пример тут на глазах у тебя даже dl4.joxi.net/drive/2018/02/16/0022/1330/1500466/66...

Примерно так) только надо до конца довести дело))) https://codepen.io/aloky/pen/ddZdZR

https://jsfiddle.net/ayeqrb1e/2/

Можно через JQuery, но можно и на чистом css
Пример: https://ruseller.com/lessons.php?rub=2&id=1502

https://i-like-robots.github.io/EasyZoom/

.purchase__button { border: none; outline: none; }

:after {
   z-index: 1;
}