@import url("https://fonts.googleapis.com/css?family=Raleway:300");
img.orange-img{display:none;}
.button-animation {
border: 2px solid rgba(244, 158, 55, 0.75) !important;
padding : 19px 44px !important;
color: rgb(244, 158, 55) !important;
visibility: visible !important;
border-width:2px !important;
background-color: transparent !important;  width: 200px !important; 
height: 60px !important; 
font-size: 18px !important;
border-radius: 4px !important;
transition: .6s !important;
overflow: hidden !important;
}
.button-animation:focus {
outline: 0 !important;
}
.button-animation:before {
content: '' !important;
display: block !important;
position: absolute !important;
background: rgba(255, 255, 255, 0.5) !important;
width: 60px !important;
height: 100% !important;
left: 0 !important;
top: 0 !important;
opacity: .5 !important;
-webkit-filter: blur(30px) !important;
filter: blur(30px) !important;
-webkit-transform: translateX(-100px) skewX(-15deg) !important;
transform: translateX(-100px) skewX(-15deg) !important; 
}
.button-animation:after {
content: '' !important;
display: block !important;
position: absolute !important;
background: rgba(255, 255, 255, 0.8) !important;
width: 30px !important;
height: 100% !important;
left: 30px !important;
top: 0 !important;
opacity: 0 !important;
-webkit-filter: blur(5px) !important;
filter: blur(5px) !important;
-webkit-transform: translateX(-100px) skewX(-15deg) !important;
transform: translateX(-100px) skewX(-15deg) !important;
}
.button-animation:hover {
background: rgb(244, 158, 55) !important;
cursor: pointer !important;
color: #fff !important;
}
.button-animation:hover:before {
-webkit-transform: translateX(300px) skewX(-15deg) !important;
transform: translateX(300px) skewX(-15deg) !important;
opacity: 0.6 !important;
transition: .7s !important;
}
.button-animation:hover:after {
-webkit-transform: translateX(300px) skewX(-15deg) !important;
transform: translateX(300px) skewX(-15deg) !important;
opacity: 1 !important;
transition: .7s !important;
}