/* Flash Cards Button Hover Effects - Alternate Design Standards */

#play-flashcards-btn:hover {
  background: #2d5f4d !important;
  border-color: #2d5f4d !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(92, 111, 92, 0.25) !important;
  color: white !important;
}

#play-flashcards-btn:active {
  transform: translateY(0) !important;
}