@use "var";

// 交互
// 交互：点击缩放
.vci-tc-scale {
  cursor: pointer;
  transition: var.$transition;
  transition-duration: var.$transition-duration-quick;

  &:hover {
    transform: scale(1.05) rotateZ(0);
  }

  &:active {
    transform: scale(0.9) rotateZ(0);
  }
}

// 交互：透明度变换
.vci-tc-alpha {
  cursor: pointer;
  transition: var.$transition;
  transition-duration: var.$transition-duration-quick;

  &:hover {
    opacity: 0.9;
  }

  &:active {
    opacity: 0.8;
  }
}