.elementor-409 .elementor-element.elementor-element-54965a3{--display:flex;}.elementor-409 .elementor-element.elementor-element-f922a84{--display:flex;}.elementor-409 .elementor-element.elementor-element-4957436{--display:flex;}/* Start custom CSS for html, class: .elementor-element-8837b15 */.enroll-btn-wrap {
  text-align: center;
  margin: 32px 0;
}

/* Purple Button */
.enroll-btn-purple {
  display: inline-block;
  width: 100%;
  max-width: 360px;
  padding: 16px 22px;
  background: linear-gradient(45deg, #a855f7, #7c3aed);
  color: #ffffff;
  font-size: 18px;
  font-weight: 800;
  text-decoration: none;
  border-radius: 50px;
  box-shadow:
    0 10px 25px rgba(168,85,247,0.6),
    0 0 25px rgba(124,58,237,0.5);

  /* Animation */
  animation: shakeLR 1.6s infinite;
}

/* Hover effect */
.enroll-btn-purple:hover {
  animation: none;
  transform: scale(1.06);
  box-shadow:
    0 14px 35px rgba(168,85,247,0.8),
    0 0 35px rgba(124,58,237,0.7);
}

/* Left–Right Movement */
@keyframes shakeLR {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-3px); }
  100% { transform: translateX(0); }
}/* End custom CSS */