.cursor-pointer{
        cursor:pointer
}
.compare_items{
        height: 360px;
}
@media(min-width: 576px){
        .compare_items{
                height: 430px;
        }
}

@media(min-width: 992px){
        .compare_items{
                height: 470px;
        }
}
@media(min-width: 1200px){
        .compare_items{
                height: 500px;
        }
}

.hover_item .loop_wishlist:before,
.hover_item .loop_compare:before{
        font-size: 20px;
	position: absolute;
	left: calc(50% - 10px);
	top:calc(50% - 9px);
	width: 20px;
	height: 18px;
}
.hover_item .loop_wishlist:before{
	content:'\e80e';
	font-family: 'fontello';
}
.hover_item .loop_compare:before{
	content:'';
	background-image:url('/wp-content/themes/happyberry/images/ico_compare_w.svg');
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}
.hover_item .loop_wishlist:after,
.hover_item .loop_compare:after{
        content:'';
        display: flex;
        position: absolute;
	z-index: -1;
	right: 35px;
	transform: translate(0, 0);
	transition: all ease .3s;
	text-align: center;
	background-color: #e79999;
	align-items: center;
	font-size: 12px;
	border-radius: 5px;
	padding: 0 5px;
}
.hover_item:hover .loop_wishlist:after,
.hover_item:hover .loop_compare:after{
        content: '';
	z-index: 1;
	transform: translate(-10px, 0);
	color:#fff;
	height: 35px;
	width: 86px;
        top:0;
}
.hover_item:hover .loop_compare:after{
        content: 'Додати в порівняння';
}
.hover_item:hover .loop_wishlist:after{
        content: 'Додати в бажання';
}
.hover_item:hover .loop_wishlist.added:after{
        content: 'Видалити з бажань';
}
.loop_wishlist.added:before {
	content: '';
	background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1px), #fff 50%, rgba(0, 0, 0, 0) calc(50% + 1px), rgba(0, 0, 0, 0) 100%), linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1px), #fff 50%, rgba(0, 0, 0, 0) calc(50% + 1px), rgba(0, 0, 0, 0) 100%);
}
.loop_wishlist.added:hover:before {
	background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1px), rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) calc(50% + 1px), rgba(0, 0, 0, 0) 100%), linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1px), rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) calc(50% + 1px), rgba(0, 0, 0, 0) 100%);
}

.yith_bt_wr{
	height: 50px;
}

.hover_item .loop_wishlist,
.hover_item .loop_compare{
        color:#fff;
        transition: all ease .3s;
}
.hover_item:hover .loop_wishlist,
.hover_item:hover .loop_compare{
        color:#cecece;
}
.hover_item .loop_wishlist a,
.hover_item .loop_compare a{
        width: 100%;
        height: 100%;
        position:absolute;
        font-size: 0;
}