div {
				width: 200px;
				height: 50px;
				border: 1px solid #fa8541;
				margin: 50px auto;
				border-radius: 5px;
				cursor: pointer;
				position: relative;
				overflow: hidden;
				text-align: center;
				line-height: 50px;
				color: #fa8541;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			
			div:after,
			div:before {
				content: '';
				position: absolute;
				width: 0;
				height: 0;
				z-index: -1;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			
			div:after {
				border-top: 50px solid #fa8541;
				border-right: 50px solid transparent;
				border-left: 76px solid #fa8541;
				left: -125px;
			}
			
			div:before {
				border-bottom: 50px solid #fa8541;
				border-left: 50px solid transparent;
				border-right: 76px solid #fa8541;
				right: -125px;
			}
			div:hover{
				color: #fff;
			}
			div:hover:after{
				left:0;
			}
			div:hover:before{
				right:0;
			}