/**
 * Language switcher widget's style.
 */

@import '../variables';

.language-switcher-widget {
	
	&__link {
		
		position: relative;
		align-items: center;
		justify-content: center;
		padding: 0 5px;
		height: 29px;
		line-height: 17px;
		font-size: 14px;
		font-weight: 500;
		text-transform: uppercase;
		border-radius: $border-radius;
		border: 2px solid $dark;
		color: rgba($white,0.75) !important;
		overflow: hidden;
		
		&:hover {
			color: $white !important;
		}
		
		&.-active {
			background: $white;
			color: $dark !important;
		}
		
	}
	
}