/* Store support actions: emerald primary, warm amber secondary. */
#support-banner .support-actions {
  display: grid;
  gap: 9px;
  min-width: 190px;
}
#support-banner #support-buy,
#support-banner .boosty-support {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  width: 100%;
  margin: 0;
  padding: 11px 18px;
  border: 1px solid;
  border-radius: 11px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  filter: none;
  transition: background .16s, border-color .16s, box-shadow .16s, transform .16s;
}
#support-banner #support-buy {
  color: #fff;
  border-color: #197452;
  background: linear-gradient(135deg, #23855f, #17694e);
  box-shadow: 0 5px 14px #17694e20, inset 0 1px 0 #ffffff18;
}
#support-banner #support-buy:hover {
  color: #fff;
  border-color: #12593f;
  background: linear-gradient(135deg, #1c7654, #12593f);
  box-shadow: 0 7px 18px #17694e30;
  transform: translateY(-1px);
}
#support-banner .boosty-support {
  color: #81501a;
  border-color: #d6b479;
  background: linear-gradient(135deg, #fff7e7, #f7e7c8);
  box-shadow: 0 3px 10px #9a6b1210, inset 0 1px 0 #ffffff90;
}
#support-banner .boosty-support:hover {
  color: #684011;
  border-color: #bd914a;
  background: linear-gradient(135deg, #fff0d3, #efdab0);
  box-shadow: 0 6px 16px #9a6b1220;
  transform: translateY(-1px);
}
[data-theme="dark"] #support-banner #support-buy {
  color: #eafff5;
  border-color: #3a9876;
  background: linear-gradient(135deg, #257e5e, #1c644d);
  box-shadow: 0 5px 16px #00000020, inset 0 1px 0 #b1ffdb15;
}
[data-theme="dark"] #support-banner #support-buy:hover {
  color: #fff;
  border-color: #59b18e;
  background: linear-gradient(135deg, #2b8a68, #227457);
}
[data-theme="dark"] #support-banner .boosty-support {
  color: #f3cd8c;
  border-color: #81633c;
  background: linear-gradient(135deg, #493a26, #342d20);
  box-shadow: 0 3px 12px #00000018, inset 0 1px 0 #ffdea510;
}
[data-theme="dark"] #support-banner .boosty-support:hover {
  color: #ffe0aa;
  border-color: #ac8550;
  background: linear-gradient(135deg, #59452b, #433723);
}
#support-banner #support-buy:focus-visible,
#support-banner .boosty-support:focus-visible {
  outline: 3px solid var(--text);
  outline-offset: 3px;
}
#support-banner #support-buy:active,
#support-banner .boosty-support:active { transform: translateY(0); }
@media (max-width: 760px) {
  #support-banner .support-actions { grid-column: 1 / -1; min-width: 0; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  #support-banner #support-buy,
  #support-banner .boosty-support { transition: none; transform: none; }
}