/* Main Custom Button Classes */
.custom-btn {
    background-color: #571c57; /* Use any color code here */
    border: none;
    color: white;
    width: 100%;
}
.custom-btn:hover {
    background-color: #571c57; /* Use a slightly different color for hover */
    opacity: 0.95;
    color: grey;
}
/* End of Main Custom Button Classes */


/* Line Break Classes */
.or-divider {
  font-size: 1.2em;
  font-family: Arial, sans-serif;
  color: #757575; /* dark grey */
}
/* End of Line Break Classes */


/* Form CSS */
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}

.shake {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
/* End of Form CSS */