body.page-indicator .bt-topbar-auth .bt-auth-scope .auth-guest {
  gap: 16px;
}

body.page-indicator .bt-topbar-auth .bt-auth-scope .auth-guest .control-button {
  min-width: 112px;
  min-height: 42px;
  padding: 0 20px;
  border-radius: 8px;
  border-color: rgba(255, 136, 21, 0.82) !important;
  background: rgba(3, 6, 10, 0.96) !important;
  color: #f7f8ff !important;
  font-size: 14px;
  font-weight: 800;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.26);
  transform: translateY(0);
}

body.page-indicator .bt-topbar-auth .bt-auth-scope .auth-guest .control-button:hover,
body.page-indicator .bt-topbar-auth .bt-auth-scope .auth-guest .control-button:focus-visible {
  border-color: rgba(255, 185, 82, 0.96) !important;
  background: linear-gradient(180deg, #ffb856 0%, #ff9418 100%) !important;
  color: #07080d !important;
  transform: translateY(-5px);
}

body.page-indicator .bt-topbar-auth .bt-auth-scope .auth-guest .control-button--primary {
  min-width: 128px;
  border-color: rgba(255, 142, 31, 0.96) !important;
  background: linear-gradient(180deg, #ffa041 0%, #ff7d17 100%) !important;
  color: #ffffff !important;
  box-shadow:
    0 12px 24px rgba(255, 128, 18, 0.22),
    inset 0 1px 0 rgba(255, 233, 190, 0.34);
  transform: translateY(0);
}

body.page-indicator .bt-topbar-auth .bt-auth-scope .auth-guest .control-button--primary:hover,
body.page-indicator .bt-topbar-auth .bt-auth-scope .auth-guest .control-button--primary:focus-visible {
  border-color: rgba(255, 142, 31, 0.96) !important;
  background: linear-gradient(180deg, #ffa041 0%, #ff7d17 100%) !important;
  color: #ffffff !important;
  box-shadow:
    0 15px 26px rgba(255, 128, 18, 0.25),
    inset 0 1px 0 rgba(255, 233, 190, 0.34);
  transform: translateY(-5px);
}