.btn.btn-primary.xeli-auth-submit-btn {
  align-items: center;
  background: linear-gradient(135deg, #00ff9f 0%, #00d985 100%);
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 14px 30px rgba(0, 255, 159, 0.24);
  color: #0f1914;
  display: inline-flex;
  font-size: 1.1rem;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0;
  min-height: 3.3rem;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
}

.btn.btn-primary.xeli-auth-submit-btn:hover,
.btn.btn-primary.xeli-auth-submit-btn:focus,
.btn.btn-primary.xeli-auth-submit-btn:active {
  background: linear-gradient(135deg, #19ffab 0%, #00e08a 100%) !important;
  box-shadow: 0 18px 34px rgba(0, 255, 159, 0.3) !important;
  color: #0f1914 !important;
  transform: translateY(-1px);
}

.btn.btn-primary.xeli-auth-submit-btn:focus {
  outline: 0;
}

.xeli-auth-provider-actions .divider {
  margin-bottom: 1.15rem !important;
}

.xeli-auth-provider-btn {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 1rem;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
  color: #171717;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 700;
  gap: 0.85rem;
  justify-content: center;
  min-height: 3.25rem;
  padding: 0.7rem 1rem;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.xeli-auth-provider-btn:hover,
.xeli-auth-provider-btn:focus,
.xeli-auth-provider-btn:active {
  background: #fff !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.16) !important;
  color: #111 !important;
  transform: translateY(-1px);
}

.xeli-auth-provider-btn + .xeli-auth-provider-btn,
.xeli-auth-provider-actions .btn + .btn {
  margin-top: 0.15rem;
}

.xeli-auth-provider-btn span {
  line-height: 1;
}

.xeli-auth-provider-icon {
  display: inline-block;
  flex: 0 0 auto;
  height: 1.45rem;
  width: 1.45rem;
}

.xeli-auth-provider-icon--apple {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

.xeli-auth-provider-icon--apple svg {
  display: block;
  fill: #111;
  height: 1.7rem;
  width: 1.7rem;
}

.auth-login-form .input-group.input-group-merge.form-password-toggle .input-group-text {
  background: transparent !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.auth-login-form .form-control {
  background: #1f1f1f;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 0.8rem;
  color: #fff;
  min-height: 3rem;
}

.auth-login-form .form-control:hover {
  border-color: rgba(255, 255, 255, 0.2);
}

.auth-login-form .form-control:focus {
  background: #1f1f1f;
  border-color: rgba(0, 255, 159, 0.45);
  box-shadow: 0 0 0 0.16rem rgba(0, 255, 159, 0.08);
  color: #fff;
}

.auth-login-form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.52);
}

.auth-login-form .input-group.input-group-merge.form-password-toggle {
  align-items: stretch;
  background: #1f1f1f;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 0.8rem;
  overflow: hidden;
}

.auth-login-form
  .input-group.input-group-merge.form-password-toggle:focus-within {
  border-color: rgba(0, 255, 159, 0.45);
  box-shadow: 0 0 0 0.16rem rgba(0, 255, 159, 0.08);
}

.auth-login-form .input-group.input-group-merge.form-password-toggle .form-control {
  background: transparent;
  border: 0;
  box-shadow: none;
  min-height: 3rem;
}