/**
 * Login / Logout header menu button (base layout).
 * Colors and radius come from the Customizer (inline CSS).
 */

.learning-templates-lxp-auth-menu-item {
	margin-left: 0.75em;
}

.learning-templates-lxp-auth-menu-item > a,
.learning-templates-lxp-auth-menu-item > .menu-link {
	display: inline-block;
	line-height: 1.25;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

/* Keep the auth item at the trailing edge in flex/grid header menus. */
.main-header-menu > .learning-templates-lxp-auth-menu-item,
.ast-builder-menu .main-header-menu > .learning-templates-lxp-auth-menu-item,
.menu > .learning-templates-lxp-auth-menu-item:last-child {
	margin-inline-start: auto;
}