.quick-links-language {
	--link-color: var(--sw-link-color);
	--link-color-hover: var(--sw-link-color-hover);
	--icon-color: rgba(0, 95, 127,0.5);
	--angle-color: var(--gray);

	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	column-gap: var(--space-8);
	padding: 0;
	max-width: 900px;
	margin-inline: auto;
	position: relative;
}

.quick-links-language .dropdown-controller {
	background-color: transparent;
	& .globe {
		color: var(--icon-color);
	}

	& .angle {
		color: var(--angle-color);
	}
}

.quick-links-language .links {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	translate: -50% 0;
	box-shadow: var(--shadow-lg);

	grid-template-columns: repeat(1, 1fr);
	padding: 10px 20px;
	background-color: var(--blue-lighter);
	width: max-content;
    max-width: 150px;
}

.quick-links-language.open .links {
    display: grid;
}

.quick-links-language .link {
	flex: 1 1 50%;
	font-family: var(--font-body);
	font-size: var(--text-base);
	color: var(--link-color);
	font-weight: 600;
}

@media (hover: hover) {
	.quick-links-language .link:hover {
		color: var(--link-color-hover);
		text-decoration: none;
	}
}

@media screen and (min-width: 64em) {
	.quick-links-language {
		--icon-color: var(--white);
		--angle-color: var(--white);
		--link-color-hover: var(--blue);
	}

	.quick-links-language .links {
		left: auto;
		right: 0;
		translate: 0 0;
	}

	.quick-links-language .link {
		font-size: var(--text-lg);
	}

	.panel-page:has(.dropdown-nav-container.active, .panel-header.interior) .quick-links-language {
		--icon-color: rgba(0, 95, 127,0.5);
		--angle-color: var(--gray);
	}
	
}