<div class='button'> دانلود فایل
</div>
<style>body {
background-color: black;
}
.button {
height: 40px;
width: 100px;
background-color: rgb(50, 50, 255);
font-family: b yekan;
text-align: center;
//padding-top: -1-px;
color: white;
margin: auto;
cursor: pointer;
transition: all 300ms;
border-radius: 33px;
box-shadow: 0px 0px 7px inset;
text-shadow: 0px 0px 7px;
overflow: hidden
}
.button:before {
content: '';
display: block;
width: 100px;
height: 15px;
background-color: white;
position: relative;
left: -100px;
transform: rotate(-50deg);
opacity: .5;
top: 13px;
transition: all 500ms;
}
.button:hover {
background-color: rgb(50, 50, 150);
}
.button:hover:before {
left: 90px;
}</style>