div#footer {
	position: relative;
	padding: 0 $space-large;

	h6 {
		color: white;
	}

	.cd28-yellow {
		color: $yellow-4;
	}

	a {
		color: white;
		&:hover {
			color: $yellow-4;
			background: none;
		}
	}

	a.pk-button, a.pk-big-button {
		@extend %button;
		margin: 0;
	}

	a.cd28-button-secondary {
		@extend .cd28-button-secondary-dark;
		margin: 0;
	}


	div.cell {
		img {
			margin: 0 $space-medium;
		}
		hr {
			width: 100%;
		}
	}

	.cd28-footer-links .links-list {
		ul {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;

			@media($min-desktop-viewport) {
				flex-direction: row;
			}

			li {
				border-bottom: none;
				> a {
					@include link(white, black);
					padding: 0;
					border-radius: 0;
					margin: $space-xsmall $space-medium;
					font-size: $font-size-0;

					&::before {
						content: "";
					}
				}
			}
		}
	}

	.back-top {
		position: absolute;
		top: calc(-#{$space-medium} - #{$back-top-icon-size} / 2);
		right: $space-medium;
		z-index: 100;

		&--link {
			@extend %button;

			width: $back-top-icon-size;
			height: $back-top-icon-size;
			border-radius: 100%;
			margin: 0;
			padding: 0;
			justify-content: center;

			&::before {
				content: "\ea78"; // arrow-up-s-line
				font-size: $font-size-6;
				font-family: "RemixIcon";
			}

			&:hover {
				text-decoration: none;
			}
		}

		&--link-label {
			display: none;
		}
	}
}

