.btn-1 {
padding: 1em 3em;
border: 3px solid #4a90e2;
transition: all 300ms ease;
box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.2);
}
.btn-1:before {
position: absolute;
content: '';
width: 0%;
height: 100%;
background: #4a90e2;
top: 0;
left: 50%;
z-index: -1;
transition: all 0ms ease;
}
.btn-1:hover {
color: white;
box-shadow: none;
}
.btn-1:hover:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: #4a90e2;
top: 0;
left: 0%;
z-index: -1;
transition: all 300ms ease;