:root {
  --demo-yellow-button-bg: linear-gradient(180deg, #FDDF6D 0%, #CE8403 100%);
  --demo-yellow-button-bg-hover: linear-gradient(180deg, #FFE58A 0%, #D88D08 100%);
  --demo-yellow-button-radius: 8px;
  --demo-yellow-button-color: #ffffff;
  --demo-yellow-button-focus: #ffe58a;
}

:is(
  .deposit-btn,
  .deposit-submit-btn,
  .deposit-payment-link,
  .notification-card-btn,
  .profile-action-btn.primary,
  .profile-action-btn.primary-icon,
  .best-drop-btn,
  .level-reward-btn,
  .upgrade-action-btn,
  .upgrade-repeat-btn,
  .upgrade-target-sell-btn,
  .create-contract-btn,
  .result-sell-btn,
  .result-swap-btn,
  .result-settings-btn,
  .case-open-btn,
  .case-sell-btn,
  .reward-btn,
  .gw-join-btn,
  .ticket-create-btn,
  .ticket-submit-btn,
  .blog-read-more
) {
  border: 0 !important;
  border-radius: var(--demo-yellow-button-radius) !important;
  background: var(--demo-yellow-button-bg) !important;
  color: var(--demo-yellow-button-color) !important;
  box-shadow: none !important;
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  text-decoration: none !important;
  transition: background 150ms ease, opacity 150ms ease, transform 150ms ease !important;
}

:is(
  .deposit-btn,
  .deposit-submit-btn,
  .deposit-payment-link,
  .notification-card-btn,
  .profile-action-btn.primary,
  .profile-action-btn.primary-icon,
  .best-drop-btn,
  .level-reward-btn,
  .upgrade-action-btn,
  .upgrade-repeat-btn,
  .upgrade-target-sell-btn,
  .create-contract-btn,
  .result-sell-btn,
  .result-swap-btn,
  .result-settings-btn,
  .case-open-btn,
  .case-sell-btn,
  .reward-btn,
  .gw-join-btn,
  .ticket-create-btn,
  .ticket-submit-btn,
  .blog-read-more
):not(:disabled):not([aria-disabled='true']):hover {
  background: var(--demo-yellow-button-bg-hover) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

:is(
  .deposit-btn,
  .deposit-submit-btn,
  .deposit-payment-link,
  .notification-card-btn,
  .profile-action-btn.primary,
  .profile-action-btn.primary-icon,
  .best-drop-btn,
  .level-reward-btn,
  .upgrade-action-btn,
  .upgrade-repeat-btn,
  .upgrade-target-sell-btn,
  .create-contract-btn,
  .result-sell-btn,
  .result-swap-btn,
  .result-settings-btn,
  .case-open-btn,
  .case-sell-btn,
  .reward-btn,
  .gw-join-btn,
  .ticket-create-btn,
  .ticket-submit-btn,
  .blog-read-more
):focus-visible {
  outline: 1px solid var(--demo-yellow-button-focus) !important;
  outline-offset: 2px !important;
}

:is(
  .deposit-btn,
  .deposit-submit-btn,
  .notification-card-btn,
  .profile-action-btn.primary,
  .profile-action-btn.primary-icon,
  .best-drop-btn,
  .level-reward-btn,
  .upgrade-action-btn,
  .upgrade-repeat-btn,
  .upgrade-target-sell-btn,
  .create-contract-btn,
  .result-sell-btn,
  .result-swap-btn,
  .result-settings-btn,
  .case-open-btn,
  .case-sell-btn,
  .reward-btn,
  .gw-join-btn,
  .ticket-create-btn,
  .ticket-submit-btn
):disabled,
:is(
  .deposit-btn,
  .notification-card-btn,
  .profile-action-btn.primary,
  .best-drop-btn,
  .upgrade-action-btn,
  .upgrade-repeat-btn,
  .upgrade-target-sell-btn,
  .create-contract-btn,
  .result-sell-btn,
  .result-swap-btn,
  .result-settings-btn,
  .case-open-btn,
  .case-sell-btn,
  .reward-btn,
  .gw-join-btn,
  .ticket-create-btn
)[aria-disabled='true'] {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
  transform: none !important;
}

.cal-reward.claimed .reward-btn,
.gw-join-btn.joined {
  background: linear-gradient(180deg, #4BB543 0%, #329840 100%) !important;
}