/* Biometric Button Animations */
.biometric-button {
  transition: all 0.3s ease;
}

.biometric-button:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.face-id-icon {
  transition: all 0.4s ease;
  transform-origin: center;
}

.biometric-button:hover .face-id-icon {
  animation: faceIdScan 2s ease-in-out;
}

@keyframes faceIdScan {
  0%, 100% {
    transform: scale(1) rotate(0deg);
    filter: brightness(1);
  }
  25% {
    transform: scale(1.05) rotate(2deg);
    filter: brightness(1.2);
  }
  50% {
    transform: scale(1.1) rotate(0deg);
    filter: brightness(1.4);
  }
  75% {
    transform: scale(1.05) rotate(-2deg);
    filter: brightness(1.2);
  }
}