.animated-gradient-border-effect {
  position: relative;
  border-radius: 16px;

  border: 2px solid var(--color-gray-300); /* 默认灰色边框 */
  transition: border-color 0.3s ease-in-out;
}

.group:hover .animated-gradient-border-effect {
  border-color: var(--color-primary-300); /* hover 时红色边框 */
}

.no-gradient-background {
  background-color: hsl(353 100% 44%);
}

.no-gradient-background:hover {
  background-color: hsl(353 100% 44% / 0.9);
}

.no-gradient-background:active {
  background-color: hsl(353 100% 44% / 0.8);
}

.gradient-background {
  background-color: hsl(353 100% 44%);
}

.gradient-background:hover {
  background-color: hsl(353 100% 44% / 0.9);
}

.gradient-background:active {
  background-color: hsl(353 100% 44% / 0.8);
}