@keyframes bouncing{
  0%  { top: -100%;}
  100% { top: 173px;}
}
.compare-sticky__count-link {
    position: fixed;
    background: #eb040c;
    z-index: 1;
    left: 0;
    top: 200px;
    color: white;
    text-decoration: none;
    padding: 10px;
	transition: all 0.2s;
    animation: bouncing 1s linear;
}

.compare-sticky__count-link._fixed {top: 200px;}
.compare-sticky__count-link.hide {transform: translateX(-100%);}
.compare-sticky__hide:before {content: '<<<';position: absolute;right: -45px;background: red;padding: 10px;top: 0;}
.compare-sticky__count-link.hide .compare-sticky__hide:before{content:'>>>';}
@media screen and (max-width: 1150px) {
	.compare-sticky__count-link {top: 149px;}
	.compare-sticky__count-link._fixed {top: 90px;}
}
@media screen and (max-width: 820px) {
	.compare-sticky__count-link {top: 58px;padding: 6px 10px;}
	.compare-sticky__hide:before{padding: 6px;right: -37px;}
	.compare-sticky__count-link._fixed {top: 68px;}
}