button{
    margin: 8px;
    
}


.sa-button {
  background: #00FF55;
  color: black;
  border: 2px solid #00FF55;  padding: 12px 28px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 30px;
  padding: 12px 18px;
  cursor: pointer;

  transition: all 0.3s ease;

  /* neon glow */
  /*box-shadow: 0 0 5px #00FF55,
              0 0 10px #00FF55,
              0 0 10px #00FF55;*/
}

/* Hover effect */
.sa-button:hover {


  /*box-shadow: 0 0 5px #00FF55,
              0 0 5px #00FF55,
              0 0 5px #00FF55;
    */
  background: #03c720;
   color:black;
  border: 2px solid #03c720;  padding: 12px 28px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 30px;
  padding: 12px 18px;
  cursor: pointer;
  
  transform: translateY(-2px);
}


/* Space Asylum Button VARIANT (Hollow) */
.sa-button-hollow {
  border: 3px solid #00ff55;
  background: transparent;
  font-size: 16px;
  font-weight: bold;
  color: #00ff55;
  padding: 12px 18px;
  border-radius: 30px;
  border-color: #00FF55;
  

  transition: all 0.3s ease;
}


.sa-button-hollow:hover {
 border: 3px solid #03c720;
  background: transparent;
  font-size: 16px;
  font-weight: bold;
  color: #03c720;
  padding: 12px 18px;
  border-radius: 30px;
  border-color: #03c720;

  /*box-shadow: 0 0 5px #00FF55,
              0 0 5px #00FF55,
              0 0 5px #00FF55;
    */




  transform: translateY(-2px);
 transition: all 0.3s ease;
}