Вот ссылка на пример похожей кнопки и анимации ее границы https://rezart.agency/portfolio/artistream.ru/
Не выходит реализовать такую же анимацию, вот все что смог придумать
.button {
position: relative;
display: block;
background: none;
border: none;
border-top: 1px solid #CC1414;
border-bottom: 1px solid #CC1414;
padding: 11px 25px;
color: #FFF;
font-family: "CenturyGothic";
font-size: 14px;
line-height: 16px;
-webkit-transition: all .6s ease;
transition: all .6s ease
}
.button:before {
position: absolute;
content: "";
display: block;
height: 20px;
width: 1px;
background: #CC1414;
left: 0;
bottom: 0
}
.button:after {
position: absolute;
content: "";
display: block;
height: 20px;
width: 1px;
background: #CC1414;
right: 0;
top: 0
}
.button:hover {
cursor: pointer;
text-decoration: none
}
.button:hover:before {
bottom: 18px
}
.button:hover:after {
top: 18px
}
<a href="index.html" class="button no-page__button">Вернуться на гланую</a>
SVG
.