.wup-note-link {
	opacity: 1 !important;
	background-color: #fff !important;
}
.wup-note-link,
.wup-note-link:before,
.wup-note-link:after {
	border-radius: 10000px;
}

.wup-note-link:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: #000 !important;
	mask-size: 100%;
	-webkit-mask-size: 100%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
	border-radius: 0;
	width: 70%;
	height: 100%;
	margin: 0 15%;
	mask-image: url("../img/heart-regular.svg");
	-webkit-mask-image: url("../img/heart-regular.svg");
}
.wup-note-link.is--active:before {
	background-color: #ff3737 !important;
	mask-image: url("../img/heart-solid.svg");
	-webkit-mask-image: url("../img/heart-solid.svg");
}

.wup-note-link:after {
	content: "";
	position: absolute;
	box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.2);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}