.account-page button:not(.app-menu__toggle) { position: relative; overflow: hidden; isolation: isolate; }
.account-page button:not(.app-menu__toggle)::before {
  content: ""; position: absolute; inset: -20% auto -20% 0; width: 36%;
  z-index: -1; pointer-events: none; opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(137,169,87,.12) 24%, rgba(255,255,255,.68) 50%, rgba(137,169,87,.12) 76%, transparent);
  transform: translateX(-180%) skewX(-18deg);
}
@keyframes accountButtonShine {
  0% { transform: translateX(-180%) skewX(-18deg); opacity: 0; }
  6% { opacity: 1; }
  40% { transform: translateX(400%) skewX(-18deg); opacity: 1; }
  46%, 100% { transform: translateX(400%) skewX(-18deg); opacity: 0; }
}
.account-page :is(#deviceInviteButton,#deviceCodesAgainButton,button[data-device-action="rename"]) {
  background: #f59e0b; border-color: #d97706; color: #241503;
}
.account-page :is(#deviceInviteButton,#deviceCodesAgainButton,button[data-device-action="rename"]):hover:not(:disabled) {
  background: #e99008; border-color: #b86205;
}
.account-page button[data-device-action="disconnect"] { background: #b91c1c; border-color: #991b1b; color: #fff; }
.account-page button[data-device-action="disconnect"]:hover:not(:disabled) { background: #991b1b; border-color: #7f1d1d; color: #fff; }
@media (prefers-reduced-motion: no-preference) {
  .account-page button:not(.app-menu__toggle):not(:disabled):not([aria-disabled="true"])::before { animation: accountButtonShine 5s ease-in-out 1s infinite; }
}