.hover\:rotate-3:hover {
  --tw-rotate: 3deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scale(1.05);
  transition: transform 0.3s ease-in-out;
}

.hover\:border-primary:hover {
  border-color: hsl(var(--primary));
}

.active\:scale-down:active {
  transform: scale(0.9);
  transition: transform 0.3s ease-in-out;
}