:root {
  --like-button-color: #51c6fc;
  --like-button-hover-color: #87d5f9;
  --dislike-button-color: #e23e3e;
  --dislike-button-hover-color: #f24c4c;
}

.like-button,
.dislike-button {
  transition: background-color 0.5s ease;
  border: black 1px solid;
  border-radius: 5px;
}

.like-button.active {
  background-color: var(--like-button-color);
}

.like-button:hover {
  background-color: var(--like-button-hover-color);
}

.dislike-button.active {
  background-color: var(--dislike-button-color);
}

.dislike-button:hover {
  background-color: var(--dislike-button-hover-color);
}