/**
 * Znacznik powrotu w Moim koncie.
 *
 * Wyglad jest CELOWO ten sam, co znacznika `lukuro-trainings__chip--back` w module szkolen:
 * pigulka w kolorze marki na tle o niskiej mocy. Oba znaczniki mowia to samo, wiec nie moga
 * wygladac inaczej. Docelowo szkolenia oddadza swoj znacznik tej warstwie i duplikat znika;
 * do tego czasu wartosci trzeba trzymac zgodne.
 *
 * @package lukuro
 */

.lukuro-account-back-row {
	margin: 0 0 var(--at-space--xs, 10px);
}

.lukuro-account-back {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-height: 24px;
	padding: 2px 10px;
	border-radius: var(--at-radius-full, 999px);
	font-size: var(--at-text--xs, 0.75rem);
	font-weight: 500;
	line-height: 1.6;
	text-decoration: none;
	color: var(--lukuro-color-primary, #0ba1bf);
	background: color-mix(in srgb, var(--lukuro-color-primary, #0ba1bf) 10%, transparent);
}

.lukuro-account-back:hover {
	text-decoration: none;
	background: color-mix(in srgb, var(--lukuro-color-primary, #0ba1bf) 18%, transparent);
}

.lukuro-account-back__arrow {
	width: 12px;
	height: 12px;
	margin-left: -2px;
}