mediawiki-skins-Citizen/resources/skins.citizen.styles/components/UserMenu.less

.citizen-userMenu {
	.citizen-menu__card {
		.citizen-header-card( end );
		min-width: 16rem;
		transform-origin:
 var( --transform-origin-offset-end )
			var( --transform-origin-offset-end );

		@media ( min-width: @min-width-breakpoint-desktop ) {
			transform-origin:
 var( --transform-origin-offset-start )
				var( --transform-origin-offset-end );
		}

		.citizen-menu__heading {
			.sr-only;
		}
	}
}

#pt-createaccount,
#pt-login,
#pt-login-private,
#pt-logout {
	a {
		margin: var( --space-xs );
		border: var( --border-width-base ) solid var( --border-color-base );
		border-radius: var( --border-radius-medium );
	}
}

#pt-login {
	a {
		.button-progressive;

		&:hover {
			.button-progressive-hover;
		}

		&:active {
			.button-progressive-active;
		}
	}
}

#pt-logout {
	a {
		.button-destructive;

		&:hover {
			.button-destructive-hover;
		}

		&:active {
			.button-destructive-active;
		}
	}
}