[class*="ct-wishlist-button"]:not(.active) {
	.ct-heart-fill {
		opacity: 0;
	}
}

.ct-wishlist-button-single {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-inline-start: 15px;
	border: 1px solid var(--border-color);
	border-radius: var(--buttonBorderRadius, 3px);

	--item-width: var(--buttonMinHeight);

	@include media-breakpoint-down (xs) {
		--item-order: 3;
	}

	&:hover,
	&.active {

		.ct-icon {
			fill: var(--icon-hover-color, var(--paletteColor1));
		}
	}
}