.dwr-auto-translate-floating {
	position: fixed;
	top: 14px;
	right: 16px;
	z-index: 9990;
}

body.admin-bar .dwr-auto-translate-floating {
	top: 46px;
}

.dwr-auto-translate-switcher {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px;
	border: 1px solid #d8e2ef;
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 2px 8px rgba( 7, 37, 74, .12 );
	font-family: "Sarabun", "Prompt", sans-serif;
}

.dwr-auto-translate-switcher a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 32px;
	padding: 0 10px;
	border-radius: 999px;
	color: #52647b;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
}

.dwr-auto-translate-switcher a:hover {
	color: #0152a2;
}

.dwr-auto-translate-switcher a.is-active {
	background: #0152a2;
	color: #fff;
}

@media (max-width: 782px) {
	.dwr-auto-translate-floating {
		top: 8px;
		right: 8px;
	}

	body.admin-bar .dwr-auto-translate-floating {
		top: 52px;
	}

	.dwr-auto-translate-switcher a {
		min-width: 30px;
		height: 30px;
		font-size: 12px;
	}
}