Как сделать чтобы кнопка не смещалась при масштабе?

Question

[rusgayfer]

Есть вот такой код:

<link rel="stylesheet" href="https://i.hh.ru/css/globals/pages/__bloko-imports_444b2d79aed9ff000411c6a17b9e7bc9.css">
<link rel="stylesheet" href="https://i.hh.ru/css/globals/pages/__globals_86aa5d79a2bf9bf233ba1d46c9fd04dd.css">
 <style>
					  .submit-usp {
    max-width: 100%;
    margin: 0 auto;
    height: 100%;
    color: #000;
    background: url(http://svyrydfn.beget.tech/images/error.png);
    background-size: cover;
    overflow: hidden;
}

.index-dashboard__button {
    display: inline-block;
    margin-left: 20px;
    position: absolute;
    top: 500px;
    left: 900px;
}
</style>

 <div class="submit-usp">				  
<div class="index-dashboard__button"><a href="/resume.php" class="bloko-button bloko-button_large bloko-button_promo">Вернуться назад</a></div>				  
</div>

Проблема в том, что при масштабе кнопка уходит с места, как её зафиксировать?
Должно всегда быть так

Comments

[Ярослав Иванов]

Не делать мастшабирование.

Answer 1

[Smeecy Smeecy]

А для чего Вам абсолютное позиционирование здесь? Возможно вам стоит изучить более подробно css.