.browser-login,
.browser-intent-logout
	position absolute
	top 0
	left 0
	right 0
	bottom 0
	text-align center
	font-smoothing antialiased
	&:after
		content ""
		vertical-align middle
		display inline-block
		width 0
		height 100%

.browser-login-cont
	vertical-align middle
	display inline-block

.browser-login-message
	color #665b68
	padding-bottom 20px

.browser-login-button
	display inline-block
	border-radius 2px
	height 50px
	line-height 50px
	color #fff
	overflow hidden
	cursor pointer
	text-shadow 0 1px rgba(0,0,0,0.2)
	transition opacity 0.15s ease

	&:hover
		opacity 0.87

	&:after, .after
	&:before, .before
		display inline-block
		vertical-align top

	&:before, .before
		content ""
		border-right 1px solid rgba(0,0,0,0.2)
		width 50px
		height 50px
		background-position -25px 16px !important
		background-repeat no-repeat !important
	.before
		background-color darken(litepurple, 20%)

	&:after, .after
		content "Connect your account"
		width 213px
	.after
		background-color litepurple
	&[data-content="true"]
		&:before, &:after
			content none
