.compare {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 5.4rem;
  height: 4.6rem;
  padding: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-decoration: none;
  color: var(--color-text-inverse);
}

.compare__icon {
  width: 2.1rem;
  height: 1.9rem;
  fill: var(--secondary-text-color, #fff);
  flex-shrink: 0;
}

.compare__count {
  position: absolute;
  top: -9px;
  right: 0;
  min-width: 18px;
  height: 18px;
  border-radius: 9px;
  background: #e9011a;
  color: var(--color-text-inverse);
  font-size: var(--text-xxs);
  line-height: 18px;
  text-align: center;
  padding: 0 4px;
}

.compare__container,
.compare .c-compare__link--text {
  display: none;
}