.ladevina-join-button,
.ladevina-cta {
  background: linear-gradient(180deg, #a855f7 0%, #6d28d9 100%);
  color: #ffffff;
  box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.8), inset 0 -2px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.12), 0 6px 12px rgba(88, 28, 135, 0.25);
  transition: transform 0.2s, opacity 0.2s, box-shadow 0.2s;
}

.ladevina-join-button:hover,
.ladevina-cta:hover {
  opacity: 0.95;
  transform: scale(1.02);
}

.ladevina-join-button:active,
.ladevina-cta:active {
  transform: scale(0.96);
}