.box_lanser{
max-width: 100%;
position: relative;
z-index: 0;
box-sizing: border-box;
overflow: hidden;
}
.box_lanser img{
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
}
.box_lanser canvas{
max-width: 100%;
box-sizing: border-box;
vertical-align: top;
}

.box_lanser .buttons{
position: absolute;
left:50%;
transform: translateX(-50%);
bottom: 100px;
}

.box_lanser .buttons > a > span{
display: inline-block;
text-align: center;
vertical-align: middle;
}

.box_lanser .buttons .RepButton, .box_lanser .buttons .offerButton{
position: relative;
background-color: #71ca46;
display: inline-block;
border-radius: 3em;
border-bottom: 2px solid #5eb037;
box-shadow: 0px 10px 10px rgba(0,0,0,0.2);
width: 255px;
overflow: hidden;
padding: 30px 0px;
transition: all 0.5s ease-out;
}

.box_lanser .buttons .RepButton .replaySpan, .box_lanser .buttons .offerButton .offerSpan{ 
color: #ffffff;
font-weight: 500;
width: 70%;
overflow: hidden;
transition: all 0.5s ease-out;
left:0;
position: relative;
}

.box_lanser .buttons .RepButton .ico, .box_lanser .buttons .offerButton .ico{
width: 30%;
transition: all 0.5s ease-out;
}

.box_lanser .buttons .RepButton:hover .ico, .box_lanser .buttons .offerButton:hover .ico{width: 100%;}
.box_lanser .buttons .RepButton:hover .replaySpan, .box_lanser .buttons .offerButton:hover .offerSpan{left: -70%;width:0;}

.box_lanser .buttons .RepButton .ico, .box_lanser .buttons .offerButton .ico{
height: 29px;
}

.box_lanser .buttons .RepButton .ico{right: 30px;background: url("/images/animation/odtworz.svg") 50% 50% no-repeat;}
.box_lanser .buttons .offerButton .ico{right: 35px;background: url("/images/animation/strzalka.svg") 50% 50% no-repeat;}

.box_lanser .buttons .RepButton:after, .box_lanser .buttons .offerButton:after{
content:"";
width: 2px;
height: 50%;
top: 50%;
right: 85px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
background-color: #5eb037;
position: absolute;
transition: all 0.5s ease-out;
}

.box_lanser .buttons .offerButton:after{
background-color: #1099cd;
}

.box_lanser .buttons > .offerButton{
background-color: #00b1f2;
border-bottom-color:#0c8fc1;
}
.box_lanser .buttons .offerButton:first-child{
margin-right: 75px;
}

.box_lanser .buttons .RepButton:hover:after, .box_lanser .buttons .offerButton:hover:after{
right:100%
}