/* Compact control for the existing Knot price sections. */
.dehto-currency-switcher {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 14px;
	margin: 0 0 28px;
	color: var(--dark);
	font-size: var(--small);
	line-height: 1;
}

.dehto-currency-switcher__label {
	opacity: .65;
}

.dehto-currency-switcher__actions {
	display: flex;
	align-items: center;
	gap: 18px;
	border-bottom: 1px solid rgba(52, 72, 77, .2);
}

.dehto-currency-switcher__button {
	position: relative;
	padding: 0 0 9px;
	color: inherit;
	font: inherit;
	font-weight: 500;
	line-height: 1;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.dehto-currency-switcher__button:after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 3px;
	content: '';
	background: transparent;
	transition: background-color .2s ease;
}

.dehto-currency-switcher__button.is-active:after {
	background: var(--accent, #e7f874);
}

.dehto-currency-switcher__button:focus-visible {
	outline: 2px solid var(--dark);
	outline-offset: 4px;
}

@media only screen and (max-width: 767px) {
	.dehto-currency-switcher {
		justify-content: flex-start;
		margin-bottom: 20px;
	}
}