.wrapper_likes_dislike_fingers {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wrapper_likes_dislike_fingers .finger {
  display: flex;
  align-items: center;
  height: 48px;
  border-radius: 8px;
  background: #E9EAF0;
  cursor: pointer;
  transition: 0.1s all;
}
.wrapper_likes_dislike_fingers .finger.finger_up:hover {
  background: #0FA958;
}
.wrapper_likes_dislike_fingers .finger.finger_up:hover .finger_icon {
  filter: invert(100%) brightness(2);
}
.wrapper_likes_dislike_fingers .finger.finger_down:hover {
  background: #F65931;
}
.wrapper_likes_dislike_fingers .finger.finger_down:hover .finger_icon {
  filter: invert(100%) brightness(2);
}
.wrapper_likes_dislike_fingers .finger.active.finger_up {
  background: #0FA958;
}
.wrapper_likes_dislike_fingers .finger.active.finger_up:hover {
  background: #0E9950;
}
.wrapper_likes_dislike_fingers .finger.active.finger_up .finger_icon {
  filter: invert(100%) brightness(2);
}
.wrapper_likes_dislike_fingers .finger.active.finger_down {
  background: #F65931;
}
.wrapper_likes_dislike_fingers .finger.active.finger_down:hover {
  background: #D9380F;
}
.wrapper_likes_dislike_fingers .finger.active.finger_down .finger_icon {
  filter: invert(100%) brightness(2);
}
.wrapper_likes_dislike_fingers .finger.active .status {
  display: block;
}
.wrapper_likes_dislike_fingers .finger .status {
  display: none;
  padding: 0 16px 0 0;
  color: #FEFEFE;
  font-feature-settings: "ss03" on;
  text-overflow: ellipsis;
  font-family: Mariupol, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}
.wrapper_likes_dislike_fingers .finger .picture_finger {
  width: 48px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper_likes_dislike_fingers .finger .picture_finger .finger_icon {
  width: 50%;
  transition: 0.1s all;
}

@media screen and (max-width: 768px) {
  .wrapper_likes_dislike_fingers .finger {
    height: 40px;
  }
  .wrapper_likes_dislike_fingers .finger.finger_up:hover {
    background: #E9EAF0;
  }
  .wrapper_likes_dislike_fingers .finger.finger_up:hover .finger_icon {
    filter: unset;
  }
  .wrapper_likes_dislike_fingers .finger.finger_down:hover {
    background: #E9EAF0;
  }
  .wrapper_likes_dislike_fingers .finger.finger_down:hover .finger_icon {
    filter: unset;
  }
  .wrapper_likes_dislike_fingers .finger.active.finger_up {
    background: #0FA958;
  }
  .wrapper_likes_dislike_fingers .finger.active.finger_up:hover {
    background: #0FA958;
  }
  .wrapper_likes_dislike_fingers .finger.active.finger_up .finger_icon {
    filter: invert(100%) brightness(2);
  }
  .wrapper_likes_dislike_fingers .finger.active.finger_down {
    background: #F65931;
  }
  .wrapper_likes_dislike_fingers .finger.active.finger_down:hover {
    background: #F65931;
  }
  .wrapper_likes_dislike_fingers .finger.active.finger_down .finger_icon {
    filter: invert(100%) brightness(2);
  }
  .wrapper_likes_dislike_fingers .finger.active .status {
    display: none;
  }
  .wrapper_likes_dislike_fingers .finger .picture_finger {
    width: 40px;
  }
  .wrapper_likes_dislike_fingers .finger .picture_finger .finger_icon {
    width: 60%;
  }
}

/*# sourceMappingURL=likes-dislikes-fingers.css.map */