// -------------------------------------------------------------------
// :: MORE LINK
// -------------------------------------------------------------------


%__a-link{
	color: $secondary-color;
}

.a-link{ @extend %__a-link; }

.a-link--with-icon{
	text-decoration: none;
	color: $font-color;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: all 0.2s ease-in;

	small {
		font-weight: normal;
		text-transform: none;
	}

	&:before{
		font-size: 1.1rem;
		margin-right: 0.7rem;
		margin-top: -0.1rem;
		line-height: 0;
		display: inline-block;
		color: $primary-color;
	}

	&:hover{
		color: $primary-color;
	}
}