@keyframes sheen {
  0% {
    transform: skewY(-45deg) translateX(0);
  }
  100% {
    transform: skewY(-45deg) translateX(12.5em);
  }
}

.button {
  padding: 0.75em 2em;
	display: flex;
	height:300px;
	align-items: center;
	justify-content: center;
  text-align: center;
  text-decoration: none;
  color: yellow;
  font-size: 50px;
line-height: 70px;
	font-weight: bold;
	text-decoration: none;
  border-radius: 0.3em;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
	background-color: #395ca2;
	opacity: 0.9;
}
a.button {text-decoration: none;}
.button:before {
  content: "";
  background-color: #fff;
	opacity: 0.2;
  height: 100%;
  width: 5em;
  display: block;
  position: absolute;
  top: 0;
  left: -10em;
  transform: skewX(-45deg) translateX(0);
  transition: none;
}
.button:hover {
  background-color: #395ca2;
	opacity: 1.0;
  color: yellow;
}
.button:hover:before {
  transform: skewX(-45deg) translateX(30em);
  transition: all 0.5s ease-in-out;
}

html:lang(en) .button {font-size:40px;justify-content: center;
}