/* /////////////////////////////////////
// https://noblockers.co //////////////////
// 🤖 says 👋🏽 
// 😎 please join us ❤ 
// Copyright 2020 - Present First Verse.   
// All rights reserved. 
///////////////////////////////////// */


.card_social {
    display:none; 
	visibility:hidden;
	
	position:absolute;
	right: 0;
	bottom: 0;
}
.social {
	display: block;
	width:32px;
	height:32px;
	position:absolute;
	border-radius:16px;
	transition: 0.2s background-image;
}
.social.star {
	top: 20px;
	right: 10px;
	background-image:url(https://noblockers.co/images/buttons/star_outline.svg);
}
.social.follow {
	top: 20px;
	right: 10px;
	background-image:url(https://noblockers.co/images/buttons/follow.svg);
	/*border: 1px solid var(--color6);
	color: var(--color6);*/
}
.social.follow:hover {
	background-image:url(https://noblockers.co/images/buttons/follow_hover.svg);
	/*border: 1px solid var(--cta);
	color: var(--cta);*/
}
.social.follow.active {
	background-image:url(https://noblockers.co/images/buttons/following.svg);
	/*border: 1px solid var(--cta);
	color: var(--cta);*/
}
.social.follow.active:hover {
	background-image:url(https://noblockers.co/images/buttons/unfollow.svg);
	/*border: 1px solid var(--color6);
	color: var(--color6);*/
}
.social.star.active {
	background-image:url(https://noblockers.co/images/buttons/star_active.svg);
}
@media (hover: hover) and (pointer: fine) {
	.social.star:hover {
		background-image:url(https://noblockers.co/images/buttons/star_active.svg);
	}
	.social.star.active:hover {
		background-image:url(https://noblockers.co/images/buttons/star_outline.svg);
	}
}
.social {
	background-size: 26px;
	background-repeat: no-repeat;
	background-position: center center; 
}
@media (hover: hover) and (pointer: fine) {
	.social.star:active {
		background-image:url(https://noblockers.co/images/buttons/star_active.svg);
		background-size: 24px;
	}
	.social.star.active:active {
		background-image:url(https://noblockers.co/images/buttons/star_outline.svg);
		background-size: 24px;
	}
}
@media not all and (hover: hover), (hover: none), (pointer: coarse) {
	.social.star.clicking {
		background-image:url(https://noblockers.co/images/buttons/star_active.svg);
		background-size: 24px;
	}
	.social.star.active.clicking {
		background-image:url(https://noblockers.co/images/buttons/star_outline.svg);
		background-size: 24px;
	}	
}
.count {	
	display:none;
	visibility:hidden;
	
	width:auto;
	height:32px;
	position:absolute;
	border-radius:16px;
	text-align:right;
	line-height:37px;
	font-size: 12px;
	font-weight:300;
	color: var(--color1);
}
.count.star {
	top: 20px;
	right: 40px;
}
.count.active {
	display:block;
	visibility:visible;
	font-weight:700;
	color: var(--cta);
} 

/* 	///////////////////////////////////////////
	MOBILE
	//////////////////////////////////////// */
	
@media (max-width: 767px) {
	.card_social {
		display:block; 
		visibility:visible;
	}
	.social.star{
		right: 10px;
	}
	.count.star {
		right: 45px;
	}
@media (max-width: 659px) {

}