.buttoncls {
position: absolute;
height: 70px;
width: 200px;
background-color: #141414;
color: #fff;
}
.buttoncls:hover {
transition-duration: 1s;
color: rgb(173, 8, 8);
background-color: #000000;
width: 250px;
}
Bu şekilde sağ tarafa doğru genişliyor, sol tarafa genişletmek için çözüm bulamadım.