.circle-arrow-btn {
width: 60px; /* размер кнопки */
height: 60px;
border: 2px solid #9E9E9E; /* обводка */
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
cursor: pointer;
}
.arrow-wrap {
display: flex;
width: calc(60px * 2); /* ширина = 2 стрелки */
}
.arrow {
width: 20px; /* размер стрелки */
flex-shrink: 0;
transition: transform 0.4s ease;
}
.circle-arrow-btn:hover .arrow-wrap {
transform: translateX(-50%);
transition: transform 0.4s ease;
}