show arrow on hover css
.button-arrow {
min-width: 130px;
height: 40px;
color: #800020;
font-size: 20px;
padding: 10px 15px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
outline: none;
overflow: hidden;
border-radius: 5px;
border: none;
background-color: #fbfdff;
text-decoration: none;
}
.button-arrow:hover {
border-radius: 5px;
padding-right: 8px;
padding-left: 24px;
}
.button-arrow:hover:after {
opacity: 1;
left: 10px;
}
// Arrow
.button-arrow:after {
content: "\00AB";
position: absolute;
opacity: 0;
font-size: 20px;
line-height: 40px;
top: 0;
left: -20px;
transition: 0.4s;
}