.dropDown-logout-button {
	border-radius: $global-border-radius;
	color: var(--color-nav-link, $white);

	&:focus,
	&:hover,
	&[aria-expanded="true"] {
		background-color: $navigation-hover-bg-color;

	}

	&:focus,
	&:hover {
		.dropDown-logout-initials {
			background-color: rgba(0, 0, 0, 0.2);
		}
	}

	&[aria-expanded="true"] {
		.dropDown-logout-initials {
			background-color: rgba(0, 0, 0, 0.5);
		}
	}
}

.dropDown-logout-text {
	margin-top: auto;
	margin-bottom: auto;
}

// yes, but only on HUGE screens for looooooooooong accounts
@include respond-to(1400, 'min') {
	.dropDown-logout-button {
		max-width: 18em;
	}
}

.dropDown-logout-email {
	font-size: 1rem;
}

.dropDown-logout-initials {
	min-width: 2.5em;
	min-height: 2.5em;
	border: 1px solid var(--bordercolor-input, $pm-global-border);
	color: $white;
}

@if $rtl-option == true {
	[dir="rtl"] {
		.dropDown-logout-button > span:first-child {
			margin-left: .5em;
			margin-right: 0;
		}
	}
}