// -------------------------------------------------------------------
// :: TOPIC
// -------------------------------------------------------------------

.a-topic{
	@extend %__icon-arrow;
	border: $border-simple;
	border-radius: $border-radius;
	padding: 0.8rem 2.9rem 0.85rem 1.2rem;
	display: inline-block;
	margin: 0 0.4rem 0.4rem 0;
	color: $font-color !important;
	text-decoration: none;
	position: relative;
	font-size: $font-size-medium;
	transition: all 0.2s ease-out;
	background-color: $white;

	&:before{
		position: absolute;
		right: 1rem;
		top: 50%;
		transform: translateY(-45%);
		transition: all 0.2s ease-out;
	}

	&:hover{
		border-color: rgba($black, 0.6);

		&:before{
			right: 0.8rem;
		}
	}
}