/* Unified gray + outline button style.
   Exception: the 3 buttons inside the landing header stay white. */

button.bg-white,
a.bg-white,
button[class*="bg-[#ffffff]"],
a[class*="bg-[#ffffff]"],
button[class*="bg-[#FFFFFF]"],
a[class*="bg-[#FFFFFF]"] {
  background: #222222 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
}

button.bg-white:hover,
a.bg-white:hover,
button[class*="bg-[#ffffff]"]:hover,
a[class*="bg-[#ffffff]"]:hover,
button[class*="bg-[#FFFFFF]"]:hover,
a[class*="bg-[#FFFFFF]"]:hover {
  background: #2b2b2b !important;
}

header[class*="max-w-[1560px]"] button.bg-white,
header[class*="max-w-[1560px]"] button.bg-white:hover {
  background: #ffffff !important;
  color: #000000 !important;
  border: 0 !important;
}

/* 808 Bank buttons */
button.zero-btn-primary,
button.zero-btn-submit {
  background: #1a1a1a !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}
button.zero-btn-primary:hover:not(:disabled),
button.zero-btn-submit:hover:not(:disabled) {
  background: #232323 !important;
}
button.zero-btn-secondary,
button.zero-btn-recovery {
  background: #1a1a1a !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}
button.zero-btn-secondary:hover:not(:disabled),
button.zero-btn-recovery:hover:not(:disabled) {
  background: #232323 !important;
}
button.zero-design-btn.selected {
  background: #1a1a1a !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}
