.tags-links {
	display: block;
	font-size: 0.77em;
	letter-spacing: 0.07em;
	text-transform: uppercase;

	a {
		display: inline-block;
		margin-right: 1em;
		transition: .15s color linear;
		color: inherit;

		&:before {
			content: "#";
		}

		&:hover,
		&:focus {
			color: $secondary;
		}
	}
}

%tag--widget {
	display: inline-block;

	margin: 0 0.6em 0.7em 0;
	padding: 0.55em 0.8em;

	transition: all .2s ease-out;
	transition-property: color, border-color, background-color;

	border: 1px dotted $neutral;

	font-size: 0.72rem !important;
	text-transform: uppercase;

	&:hover,
	&:active,
	&:focus {
		color: $dark;
		border-color: $neutral;
	}
}