/* Homepage buttons follow Watchant's shape and accent colors. */
button {
  cursor: pointer;
  transition-property: color, background-color, border-color, box-shadow;
  transition-duration: 150ms;
}

button:not(.rounded-full) {
  border-radius: 12px;
}

button:focus-visible {
  outline: 2px solid #0092b8;
  outline-offset: 3px;
}

button[class*="bg-[#0092b8]"] {
  background-color: #0092b8 !important;
  color: #fff !important;
  box-shadow: none !important;
}

button[class*="bg-[#0092b8]"]:hover {
  background-color: #007f9f !important;
}

button[class~="bg-[#131722]"],
button[class~="bg-[#131722]/90"],
button[class~="bg-white/5"] {
  background-color: #161618 !important;
  border-color: rgb(255 255 255 / 7%) !important;
}

button[class~="bg-[#131722]"]:hover,
button[class~="bg-[#131722]/90"]:hover,
button[class~="bg-white/5"]:hover {
  background-color: #222226 !important;
}

button[class*="text-indigo-"] {
  color: #53c4e2 !important;
}

button[class*="border-[#0092b8]"] {
  border-color: #0092b8 !important;
}

button[class*="bg-indigo-500/15"] {
  background-color: rgb(0 146 184 / 10%) !important;
}