.small-basket {}

.small-basket a {
	position: relative;
	display: block;
	padding: 10px 26px;
	/*background: linear-gradient(89.88deg, #FFFFFF -43.48%, #D9F3FF 130.82%), #FFFFFF;
	border: 1px solid #3EC5FE;*/
	font-weight: 400;
	font-size: 18px;
	color: #333A4E;
}
.small-basket a:hover {
	/*background: #D9F3FF;
	border: 1px solid #3EC5FE;
	box-shadow: 0px 10px 12px rgba(117, 123, 141, 0.22);*/
}

.small-basket:not(.zero) a {
	background: linear-gradient(89.88deg, #FFFFFF -43.48%, #D9F3FF 130.82%), #FFFFFF;
	border: 1px solid #3EC5FE;
}
.small-basket:not(.zero) a:hover {
	background: #D9F3FF;
	border: 1px solid #3EC5FE;
	box-shadow: 0px 10px 12px rgba(117, 123, 141, 0.22);
}

.small-basket .icon {
	position: relative;
	margin-right: 32px;
}

.small-basket .icon .count {
	position: absolute;
	right: -20px;
	top: -8px;
	display: none;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #FF8730;
	font-weight: 400;
	font-size: 14px;
	line-height: 26px;
	color: #FFFFFF;
	text-align: center; 
}

.small-basket:not(.zero) .icon .count {
	display: block;
}


@media screen and (max-width: 1650px) {

	.small-basket a {
		padding: 8px 12px;
		font-size: 14px;
	}

	.small-basket a svg {
		height: 22px;
	}


	.small-basket .icon {
		margin-right: 14px;
	}
	.small-basket .icon .count {
		right: -8px;
		top: -8px;
		width: 20px;
		height: 20px;
		font-size: 12px;
		line-height: 20px;
	}

}
@media screen and (max-width: 1170px) {



}
@media screen and (max-width: 768px) {



}



.small-basket .icon .count.empty { 
   background: none; 
}