span[data-component="is-premium"] {
	cursor: not-allowed;
	position: relative;
	user-select: none;
	width: 100%;
	display: none;
	//display: block;

	&::after {
		transition: all 0.6s $easeOutQuart;
		content: " ";
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-color: white;
		z-index: 1;
		opacity: 0;
	}

	// types
	&[data-plan] {
		p.feature-label-notice {
			width: 100%;
			height: auto;
			z-index: 2;
			position: absolute;
			top: 50%;
			left: 0;
			transform: translateY(-50%);
			-webkit-backface-visibility: hidden;
			color: $color--alert;
			font-weight: 500;
			font-size: 15px;
			text-align: center;
			opacity: 0;
			i {
				text-transform: uppercase;
				font-style: normal;
			}
		}
	}

	&:hover {
		&::after { opacity: 0.9; };
		p.feature-label-notice{
			transition: all 0.6s $easeOutQuart 0.05s;
			opacity: 1;
		};
	}
}