#user-top-bar-button-container{
	position:relative;
	z-index:5;

	.user-button{
		background:none;
		color:white;
		border:none;
		padding:1.25rem 2rem;

		&:hover{
			background-color:rgba(255,255,255,0.15);
		}
	}

	.user-dropdown{
		display:none;
		position:absolute;
		top:100%;
		right:0;
		width:210px;
		background-color:white;
		box-shadow:$box-shadow;
		z-index:999;

		.user-dropdown-button-container{
			a{
				display:flex;
				padding:0.85rem 1rem;
				text-decoration:none;
				color:$dark;

				i{
					width:32px;
					margin-right:8px;
				}

				&:hover{
					background-color:rgba(0,0,0,0.05);
				}
			}
		}
	}

	&:focus-within{
		.user-dropdown{
			display:block;
		}
	}
}