.pwa__banner {
	position: fixed;
    max-width: 220px;
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    box-shadow: -1px -1px 12px 3px #2579BF;
    border-radius: 0 24px 0 0;
    padding: 10px;
    -webkit-transition: opacity 0.4s, visibility 0s 0.4s;
    transition: opacity 0.4s, visibility 0s 0.4s;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: flipInXbottom 2s 4s;
    -moz-animation: flipInXbottom 2s 4s;
    animation: flipInXbottom 2s 4s;
    background-color: #FFFFFF;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 1000;
}
@-webkit-keyframes flipInXbottom {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-90deg);
        -webkit-transition-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,20deg);
        -webkit-transition-timing-function: ease-out;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-10deg);
        -webkit-transition-timing-function: ease-in;
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,5deg);
        -webkit-transition-timing-function: ease-out;
    }
    100% {
        -webkit-transform: perspective(400px);
    }
}
@keyframes flipInXbottom {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-90deg);
        transform: perspective(400px) rotate3d(1,0,0,-90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,20deg);
        transform: perspective(400px) rotate3d(1,0,0,20deg);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-10deg);
        transform: perspective(400px) rotate3d(1,0,0,-10deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,5deg);
        transform: perspective(400px) rotate3d(1,0,0,5deg);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.pwa__banner.active {
	visibility: visible;
	opacity: 1;
}
.banner__top {
	color: #aaa;
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size: 15px;
	margin-bottom: 8px;
	text-align: center;
}
.banner__top, .banner__bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;	
}
.banner__btn {
	position: relative;
	margin: 0 10px;
	background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    pointer-events: all;
	line-height: 2.5;
	font-size: 14px;
	letter-spacing: 1px;
}
.banner__btn.install__pwa {
	color: #2579BF;
}
.banner__btn.no__pwa {
	color: #86837E;
}
.banner__btn:after, .banner__btn:before {
	content: "";
    position: absolute;
    height: 30%;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}
.banner__btn:before {
    background-color: rgba(134, 131, 126, 0.24);
}
.banner__btn:after {
    background-color: #2579BF;
    transition: transform 1s cubic-bezier(.19,1,.22,1);
    transform: scaleX(0);
    transform-origin: left;
    z-index: 2;
}
.banner__btn:hover:after {
	transform:scaleX(1)
}