.warnings-bottom {
	position: fixed;
	z-index: $z-index-warnings;
	bottom: 0;
	left: 0;
	right: 0;

	&-item {
		display: none;
		padding: $sp-4 $sp-2;
		color: $co-base-1;
		line-height: 1.2;
		text-align: center;
		background-color: $co-alpha;
		border-top: 1px solid rgba($co-base-0,.15);

		a, button {
			color: $co-base-1;
			@include hover() {
				opacity: .7;
			}
		}

		a { text-decoration: underline; }

		button span {
			display: inline-block;
			transform: scale(1.75) translateY(.05em);
		}

		.no-js &-no-js,
		.js-no-module &-upgrade { display: block;}
	}
}