.like-btn.active {
    background-color: #b8b8b8ff; 
}

.dislike-btn.active {
    background-color: #b8b8b8ff; 
}

.timer {
    padding-right: 5px;
}

em {
    vertical-align: middle;
}

.actions span {
    width: auto !important;
    height: auto !important;
    font-size: 18px;
}

.counter-wrapper {
    height: 2em;
    overflow: hidden;
    position: relative;
}

.counter-inner {
    display: flex;
    flex-direction: column;
    transition: transform 0.5s ease-in-out;
    transform: translateY(0);
}

.counter-value {
    font-size: 2em;
    line-height: 2em;
    text-align: center;
}

/* Можно добавить в стиль страницы */
.flip-container {
  transform-origin: center;
  transition: .5s ease-in-out;
}
.flip-front {
  backface-visibility: hidden;
  transition: .5s ease-in-out;
  opacity: .5;
}