/* Profile account settings: Trade URL and support actions. */
#app .cs-settings .cs-settings__card button {
  transition: background-color 160ms ease, color 160ms ease,
    box-shadow 160ms ease, border-color 160ms ease;
}

@media (hover: hover) {
  #app .cs-settings .cs-settings__card button:not(:disabled):not([aria-disabled="true"]):hover {
    background-color: #98e1ff !important;
    color: #102533 !important;
    -webkit-text-fill-color: #102533 !important;
    box-shadow: 0 0 0 1px rgba(152, 225, 255, .5),
      0 0 22px rgba(117, 208, 246, .28) !important;
  }
}

#app .cs-settings .cs-settings__card button:not(:disabled):not([aria-disabled="true"]):focus-visible {
  background-color: #98e1ff !important;
  color: #102533 !important;
  -webkit-text-fill-color: #102533 !important;
  box-shadow: 0 0 22px rgba(117, 208, 246, .28) !important;
  outline: 2px solid #98e1ff;
  outline-offset: 3px;
}

#app .cs-settings .cs-settings__card button:not(:disabled):not([aria-disabled="true"]):active {
  background-color: #6ec8ed !important;
  box-shadow: 0 0 10px rgba(117, 208, 246, .18) !important;
}

@media (prefers-reduced-motion: reduce) {
  #app .cs-settings .cs-settings__card button {
    transition: none;
  }
}