.lls-list {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 4px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.lls-list li { margin: 0; padding: 0; list-style: none; }

.lls-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	padding: 6px 12px;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 999px;
	background: #fff;
	color: #222;
	font: inherit;
	font-size: 14px;
	line-height: 1;
	transition: background .15s, color .15s, border-color .15s;
}
.lls-btn:hover { border-color: #1d4ed8; }
.lls-btn:focus-visible { outline: 2px solid #1d4ed8; outline-offset: 2px; }
.lls-btn.is-active {
	background: #1d4ed8;
	border-color: #1d4ed8;
	color: #fff;
}
.lls-flag-img {
	display: block;
	width: 24px;
	height: 18px;
	border-radius: 3px;
	object-fit: cover;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .15);
}

.lls-select {
	padding: 6px 10px;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	background: #fff;
	color: #222;
	font: inherit;
	font-size: 14px;
	cursor: pointer;
}

.lls-floating {
	position: fixed;
	bottom: 20px;
	z-index: 99999;
}
.lls-pos-right { right: 20px; }
.lls-pos-left  { left: 20px; }
.lls-floating .lls-list {
	flex-wrap: nowrap;
	padding: 6px;
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 6px 24px rgba(0, 0, 0, .18);
}
.lls-floating .lls-btn { border-color: transparent; padding: 6px; background: transparent; color: #222; }
.lls-floating .lls-btn:hover { background: rgba(29, 78, 216, .08); }
.lls-floating .lls-btn.is-active { background: #e8efff; border-color: #1d4ed8; color: #222; }
.lls-floating .lls-btn:not(.is-active) .lls-flag-img { opacity: .6; }
.lls-floating .lls-btn:hover .lls-flag-img { opacity: 1; }
.lls-floating .lls-btn .lls-label { padding-right: 4px; }

@media (max-width: 480px) {
	.lls-floating { bottom: 12px; }
	.lls-pos-right { right: 12px; }
	.lls-pos-left  { left: 12px; }
}