.footer__banners-wrapper {
	position: relative;
	padding: 30px;
}

.footer__banners-wrapper:hover .footer__left-button,
.footer__banners-wrapper:hover .footer__right-button {
	opacity: 1;
	transition: .3s all
}

.footer__left-button {
	opacity: 0;
	display: block;
	position: absolute;
	left: 0;
	margin-top: 3rem;
	transform: translateY(-50%);
	margin-right: 0
}

.footer__right-button {
	opacity: 0;
	display: block;
	position: absolute;
	right: 0;
	margin-top: 3rem;
	transform: translateY(-50%) rotate(180deg);
	margin-right: 0
}

.footer__left-button:focus,
.footer__right-button:focus {
	outline: 0
}

.footer__banners {
	overflow: hidden;
	white-space: nowrap;
	height: 100px;
	margin-bottom: 28px
}

.footer__banners a {
	margin-right: 27px;
	display: inline-block;
	vertical-align: top
}

@media screen and (max-width: 630px) {
	.footer__banners-wrapper {
		width: 100%
	}