.btn-primary, .btn-secondary, .btn-success {
    transition: all 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
  }
  
  .btn-primary:hover {
    background-color: #0047bb;
    box-shadow: 0 6px 12px rgba(0, 71, 187, 0.5);
    transform: translateY(-2px);
  }
  
  .btn-secondary:hover {
    background-color: #5a6268;
    box-shadow: 0 6px 12px rgba(90, 98, 104, 0.5);
    transform: translateY(-2px);
  }
  
  .btn-success:hover {
    background-color: #198754cc; /* slightly transparent */
    box-shadow: 0 6px 12px rgba(25, 135, 84, 0.5);
    transform: translateY(-2px);
  }
  
  .next-btn {
    background: linear-gradient(45deg, #0062e6, #33aeff);
    border: none;
  }
  
  .next-btn:hover {
    background: linear-gradient(45deg, #0047bb, #3399ff);
  }
  
  .prev-btn {
    background: linear-gradient(45deg, #f04856, #f06d78);
    border: none;
  }
  
  .prev-btn:hover {
    background: linear-gradient(45deg, #9b2f38, #e97d86);
  }
  
  .btn-success {
    background: linear-gradient(45deg, #1f6615, #48eb32);
    border: none;
  }
  
  .btn-success:hover {
    background: linear-gradient(45deg, #14440e, #48eb32);
  }