footer {
	background-color: var(--color-brand-accent2);
	color: var(--color-brand-text-on-accent2);
	grid-column: screen !important;
	align-self: end;
	display: grid;
	grid-template-columns: subgrid;
	padding: 16px 0;
	gap: 16px;

	& > * {
		grid-column: content;
	}

	ul {
		margin: 0;
		padding: 0;
		display: flex;
		flex-flow: row wrap;
		column-gap: 16px;
		justify-content: center;
		align-items: center;

		li {
			list-style: none;
			display: inline-flex;
			flex-basis: 50px;
			justify-content: center;

			a {
				text-decoration: none;
				color: var(--color-brand-text-on-accent2);
				font-weight: bold;
				padding: 16px 8px;
				white-space: nowrap;

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

	.wrapper {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		gap: 16px;
		justify-content: space-between;

		.footer__social_media_icons {
			display: flex;
			flex-flow: row wrap;
			flex-grow: 1;
			justify-content: space-between;

			a {
				padding: 2px 8px;

				svg {
					width: 24px;
					height: 24px;

					* {
						fill: var(--color-brand-text-on-accent) !important;
					}
				}
			}
		}

		.footer__attribution {
			text-align: center;
			opacity: 0.6;
		}
	}
}