.small-caps {
  font-variant: small-caps;
}

.text-orange {
  color: #ff8523;
}

/* Define the .btn-orange class with custom properties */
.btn-orange {
  background-color: #ff8523; /* Primary button color */
  border-color: #ff8523;
  color: #fff; /* White text */
}

/* Hover state for btn-orange */
.btn-orange:hover {
  background-color: #e68a2e; /* Darker shade for hover */
  border-color: #cc7a29; /* Darker hover border */
}

/* Focus state for btn-orange */
.btn-orange:focus {
  box-shadow: 0 0 0 0.25rem rgba(230, 138, 46, 0.5); /* Focus shadow */
}

/* Active state for btn-orange */
.btn-orange:active {
  background-color: #b36b21; /* Active state, darkest shade */
  border-color: #a65f1e; /* Active border */
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* Disabled state for btn-orange */
.btn-orange:disabled {
  background-color: #ff9933; /* Same as primary color */
  border-color: #ff9933; /* Same as primary color */
  color: #fff; /* Disabled text */
}

.btn-orange:hover,
.btn-orange:active,
.btn-orange:disabled {
  color: #fff; /* Ensure text remains white */
}

.login-card {
  border: 10px solid #696B79;
  border-radius: 20px;
  max-width: 900px;
}