CSS
html, body {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
font-family: 'Bangers', cursive;
background: #34495e;
}
a {
font-size: 7vw;
text-decoration: none;
color: #1e1f23;
text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
padding: 20px;
}
.hover {
background-image: linear-gradient(to right, #2ecc71 50%, #fee603 50%);
background-position: 0;
background-size: 200%;
transition: all 0.4s;
}
.hover:hover {
background-position: -100%;
}
