.whitebutton,
.whitebutton-em EM,
.anibtn{
    position: relative;
    cursor: pointer;
    overflow: hidden;
	transition:.3s ease-in-out, background-position 0s;
}
.whitebutton-em EM:before,
.whitebutton:before,
.anibtn:before{
	content:'';
	display: block;
	position: absolute;
	top: 0;left: 0;right: 0; bottom: 0;
	-webkit-transform: translateX(-100%) rotate(45deg);
	transform: translateX(-100%) rotate(45deg);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	background: #ffca19; /* stripe line */
	background:#ffca1987;
}
A:hover .whitebutton,
A:hover .anibtn,
.anibtn:hover,
.whitebutton:hover{ /* tlačítko po přejetí */
	border-color:#ffca19;
	color:#ffca19;
}

A:hover .anibtn > SPAN,
.anibtn:hover > SPAN {
	animation: fx-text .3s ease-out;
}
.whitebutton-em:hover EM:before,
A:hover .whitebutton:before,
A:hover .anibtn:before,
.anibtn:hover:before ,
.whitebutton:hover:before {
	animation: fx-mask .3s ease-out;
}


/*------------ RED STYLE */
A:hover .anibtn.red,
.anibtn.red:hover{
    border-color: #ae0708;
    color: #fff;
}
.anibtn.red:before{
	background:#fff; /* stripe line */
}

/*------------ LOADING */
/* commented because somewhere it is yellow bg
.anibtn.loading, 
.anibtn.loading:hover
.anibtn.loading:active{
	background-color:#000;
	border-color:#000;
	color:#fff;
}*/

.anibtn.black.loading,
BUTTON.black.loading{
	background-color:#000;
	border-color:#000;
	color:#fff;
}

BUTTON.loading:after,
.whitebutton.loading:after,
.anibtn.loading:after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:inline-block;
	width: 15px;
	margin: auto;
	height: 15px;
	border:5px solid #fff;
	border-color:#fff #fff #fff transparent;
	border-radius:50%;
	animation:spin 1s linear infinite;
}

@keyframes spin { 100% { transform:rotate(360deg); } }

@keyframes fx-mask {
	0% {
	transform: translateX(-100%) rotate(45deg);
	}
	100% {
	transform: translateX(100%) rotate(45deg);
	}
}
@keyframes fx-text{
	0% {
	transform: translateX(0);
	opacity: 1;
	}
	100% {
	transform: translateX(1em);
	opacity: 0;
	}
}
