Не знаю сколько у вас кнопок с таким стилям, но если их много и у них разнный текст, то я бы посоветовал не использовать изображение а стиль CSS.
Что-то вот такое:
body{
display: flex;
width: 100%;
min-height: 100vh;
margin: 0;
justify-content: space-around;
align-items: center;
flex-direction: column;
}
.btn-block button{
position: relative;
border: none;
background-color: lightgreen;
padding: 12px 24px;
cursor: pointer;
}
.btn-block button:after,
.btn-block button:before{
box-sizing: border-box;
content: "";
position: absolute;
border: 2px solid lightgreen;
}
.btn-block button:after{
width: calc(100% + 10px);
height: 100%;
top: 0;
left: -5px;
}
.btn-block button:before{
height: calc(100% + 5px);
width: 100%;
top: 0;
left: 0;
}
<div class="btn-block">
<button>Аккаунты</button>
</div>
<div class="btn-block">
<button>Аккаунты Аккаунты</button>
</div>
<div class="btn-block">
<button>Аккаунты Аккаунты Аккаунты</button>
</div>
<div class="btn-block">
<button>Аккаунты Аккаунты Аккаунты Аккаунты</button>
</div>