// -------------------------------------------------------------------
// :: FAVORITE BUTTON
// -------------------------------------------------------------------

.a-button.a-button--favorite-added {
	background: $medium !important;

	&:after,
	&:before {
		background: transparent !important;
	}

	&:hover {
		background: darken($medium, 2%) !important;
	}

	.icon-close {
		position: relative;
		font-size: rem(12px);
		top: 2px;
	}
}


.a-button.a-button--favorite,
.a-button.a-button--favorite-added {
	@include FLOW-to($desktop){
		padding: 0;
		width: rem(40px);
		height: rem(40px);

		span:not([class*="icon-"]),
		.icon-close {
			display: none;
		}
	}
}