/* Compiled Less CSS File */
/* Generated from "yt-impressive-like.css" */

/*!
 * Yeahthemes
 *
 * Custom CSS
 */
.yt-impressive-like-button {
	cursor: pointer;
	white-space: nowrap;
	position: relative;
	display: inline-block;
	/*Symbol*/

}
.yt-impressive-like-button span,
.yt-impressive-like-button a {
	display: inline-block;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}
.yt-impressive-like-button .yt-il-like-action {
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	position: absolute;
	left: 26px;
	top: 0;
}
.yt-impressive-like-button .yt-il-symbol {
	position: relative;
	margin-right: 8px;
	transition: background-color 1s ease;
	-webkit-transition: background-color 1s ease;
	-moz-transition: background-color 1s ease;
}
.yt-impressive-like-button .yt-il-symbol > span {
	position: absolute;
	left: 0;
	top: 0;
	backface-visibility: hidden;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transition: all 2s ease-out;
	-webkit-transition: all 2s ease-out;
	-moz-transition: all 2s ease-out;
}
.yt-impressive-like-button .yt-il-symbol i {
	font-size: 10px;
	text-align: center;
	margin: 0;
}
.yt-impressive-like-button .yt-il-symbol,
.yt-impressive-like-button .yt-il-symbol > span {
	width: 16px;
	height: 16px;
	display: inline-block;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	-ms-border-radius: 32px;
	-o-border-radius: 32px;
	border-radius: 32px;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	margin-top: -2px;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	font-family: Arial, sans-serif;
	border-color: #eeeeee;
	border-color: rgba(0, 0, 0, 0.1);
}
.yt-impressive-like-button.yt-impressive-already-liked {
	cursor: default;
}
.yt-impressive-like-button.yt-impressive-already-liked .yt-il-symbol,
.yt-impressive-like-button.yt-impressive-already-liked .yt-il-symbol > span {
	width: 16px;
	height: 16px;
	color: #FFF;
	background-color: #E43A5C;
}
.yt-impressive-like-button.yt-impressive-unliked .yt-il-symbol {
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.yt-impressive-like-button.yt-impressive-allow-unlike:hover .yt-il-counter,
.yt-impressive-like-button.yt-impressive-allow-unlike.yt-impressive-already-liked:hover .yt-il-counter,
.yt-impressive-like-button.yt-impressive-already-liked:hover .yt-il-like-action,
.yt-impressive-like-button.yt-impressive-unliked:hover .yt-il-counter {
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
}
.yt-impressive-like-button.yt-impressive-allow-unlike:hover .yt-il-like-action,
.yt-impressive-like-button.yt-impressive-allow-unlike.yt-impressive-already-liked:hover .yt-il-like-action,
.yt-impressive-like-button.yt-impressive-already-liked:hover .yt-il-counter,
.yt-impressive-like-button.yt-impressive-unliked:hover .yt-il-like-action {
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
}