/*body {font-family: 'Ubuntu', sans-serif;}*/
.button {
 display: block;
 position: relative;
 background: hover;
 color: #fff;
 width: 300px;
 height: 200px;
 text-align: center;
 font-size: 15px;
 font-weight: bold;
 text-decoration: none;
 overflow: hidden;
 -webkit-transition: all 0.15s ease-in;
 transition: all 0.15s ease-in;
}
.button:hover {
 background: hover;
}
.button:before {
 content: ' ';
 position: absolute;
 background: #fff;
 width: 100px;
 height: 200px;
 top: 0;
 left: -230px;
 opacity: 0.32;
 -webkit-transition: all 0.9s ease-out;
 transition: all 0.9s ease-out;
 -webkit-transform: skewX(-52.3deg);
         transform: skewX(-52.3deg);
}
.button:hover:before {
 width: 200px;
 left: 450px;
}