.transition-3 {
  transition: all 0.3s;
}

/* Transform transition */

.transform-transition {
  transition: transform 0.3s;
}

/* Color transition */

/* Background-color transition */

.background-color-transition {
  transition: background-color 0.3s;
}

/* Example of other possible hover state changes */

.box-shadow-transition {
  transition: box-shadow 0.3s;
}

/* Example of other possible hover state changes */

.translate-3:hover {
  transform: translateY(-3px);
}